/*
	Theme Name: Envision - Child
	Description: Child Theme
	Author: Orkun Gursel
	Template: envision
	Version: 1.1
*/
@import url("../envision/lib/css/style.css");
/** Add your custom css */
body * {
	font-family: "ヒラギノ角ゴ Pro W1", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}
html #footer-bottom {
	background-image: none !important;
}
.tp-caption {
	font-family: 'A1 Mincho', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	color: #000000;
	font-weight: 700;
	font-size: 100px;
}
#toTop {
	background-image: none !important;
	background-color: #169fe6 !important;
}
#toTop:hover {
	background-color: #0e7bdd !important;
}
html .ui--toggle-state-opened .ui--toggle-title {
	background-image: none !important;
	background-color: #169fe6 !important;
}html .ui--toggle-state-closed .ui--toggle-icon {
	background-image: none !important;
	background-color: #169fe6 !important;
}

/* header */
@media (max-width:1199px) {
	#header-navigation > li.top-level-item > a {
  	padding: 18px 10px 18px !important;
  	font-size: 14px !important;
  }
}
@media (max-width:979px) {
	#header-navigation > li.top-level-item > a {
  	padding: 18px 8px 18px !important;
  }
}
@media (max-width:767px) {
	header #logo {
  	float: left !important;
    text-align: left !important;
    margin-left: 52px !important;
  }
  nav#navigation {
	  max-width: 100% !important;
	  width: 88% !important;
  	padding-top: 45px;
  }
	#header-navigation-toggle {
		margin-bottom: 17px;
  }
	#header-navigation-toggle a .ui--caret {
    font-size: 20px !important;
    right: 0 !important;
	}
}

/* profile */
span.highlight {
	color: #169fe6;
}
#qualifier ul {
  margin: 0 0 0 0;
}
#qualifier ul.ui--list li {
	padding: 0 0 3px 28px;
}
.ui--box {
  border: 1px solid #ebebeb;
  border-bottom: 1px solid rgba(0, 0, 0, .22);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, .07);
  -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, .07);
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, .07);
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  background-color: #fff
}

.attributes {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  padding: 8px;
  margin: 0;
  line-height: 1.5em
}
.attributes span {
  font-weight: bold;
  display:inline-table;
  width: 100px;
}
/*
.attributes .ui--image-wrap {
	display: block;
	text-align: right;
}
*/
.attributes img {
	width: 65px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.ui-row .private_photo {
	margin-left:0px !important;
	margin-right: 2%;
}
.ui-row .private_photo:nth-child(4n) {
	margin-right: 0%;
}
.ui-row .private_photo .ui--content-box-image {
	height: 133% !important;
}

@media (max-width:767px) {
	.attributes img {
		width: 100%;
		float: none;
	}
}

/*seminar*/
.ui--seminar-item.layout--medium {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}
.ui--seminar-item.layout--medium .ui--seminar-media {
	width: 180px;
	margin-left: 20px;
	float: right;
}
.ui--seminar-image {
	display: block;
	margin: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.ui--seminar-content-wrapper {
	overflow: hidden;
	display: block;
}
.ui--seminar-item.layout--medium .ui--seminar-title {
	font-weight: 600 !important;
	color: #169fe6 !important;
	margin: 0 0 6px;
}
.ui--seminar-metas {
	padding: 6px 0;
	margin-bottom: 18px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.ui--seminar-metas-left {
	/*overflow: hidden;
	display: block;
	width: 30%;*/
	float: left;
}
.ui--seminar-metas-right {
	/*margin-left: 30px;*/
	float: right;
	text-align: right;
	/*width: 70%;*/
}
.ui--seminar-metas .ui--seminar-separator {
	margin: 0 6px;
}
.wpcf7-radio .wpcf7-list-item {
  display: inline;
}
@media (max-width:767px) {
	.ui--seminar-item.layout--medium .ui--seminar-media {
		float: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-bottom: 6px;
	}
	.ui--seminar-metas-left {
		display: block;
		width: 100%;
	}
	.ui--seminar-metas-right {
		float: none;
		text-align: left;
		width: 100%;
		display: block;
	}
}


