@charset "UTF-8";

/*CHECK PERFECT PIXEL
@media only screen and (min-width:768px) {
	body {background: url(../img2016/seminar/seminar_detail_ol.jpg) center 0 no-repeat;}
	body > * {opacity: 0.7;}
}*/

.divseminar .txt01 {
	margin:-8px 0 50px 0;
	background:#999999;
	height:47px;
	line-height:47px;
	color:#fff;
	font-size:18px;
	text-align:center;
	
}


.divseminar .ullist li {
	float:left;
	width:30.2%;
	margin:0 4.7% 67px 0;
	position:relative;
}
.divseminar .ullist li:only-child  {
	margin:0 0 67px 0;
}
.divseminar .ullist1{
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}
.divseminar .ullist1 a{
	font-size: 16px;
	display: block;
	text-align: left;
}
.divseminar .ullist1 li {
	float: none;
	width:30.2%;
	margin:0 4.7% 67px 0;
	position:relative;
	display: inline-block;
	vertical-align: top;

}
.divseminar .ullist li:nth-child(3n) {
	margin-right:0;
}
.divseminar .ullist .imgdiv {
	display:block;
	position:relative;
	overflow:hidden;
	background:#000;
}	
.divseminar .ullist .imgdivipad {
	display:none;
	position:relative;
	overflow:hidden;
}	
.divseminar .ullist .imgdiv .actionimg {
	position:absolute;
	display: block;
    width :100%;
	height:100%;
    top: 0;
	left:0;
    background-size: cover;
    transition: all .5s ease-out;
	z-index:85;
}
.divseminar .ullist .imgdiv:hover .actionimg {
	opacity:0.5;
    transform: scale(1.05);
}
.divseminar .ullist .imgdiv .btnmore {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin-top:-13px;
	text-align:center;
	color:#fff;
	font-size:26px;
	font-family: 'Amiri', serif;
    font-style: italic;
	display:none;
}
.divseminar .ullist .imgdiv:hover .btnmore {
	display:block;
}
.divseminar .ullist li .icon {
	position:absolute;
	left:10px;
	top:-20px;
	width:42px;
	height:42px;
	background:#999999;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height: 42px;
	font-family: 'Amiri', serif;
    font-style: italic;
	z-index:86;
}
.divseminar .ullist .date {
	display:block;
	padding: 4px 0 5px;
	color:#808080;
	font-size:12px;
}
.divseminar .ullist .title {
	display:block;
	color:#333333;
	text-decoration:underline;
}
.divseminar .ullist .textopa {
	display:block;
}
.divseminar .ullist .textopa:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-transition: all 0.4s ease-out;  /* FF4+ */
    -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
    -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: all 0.4s ease-out;  /* IE10? */
    transition: all 0.4s ease-out; 
}
.divseminar .btn01 a {
	display:block;
	margin:15px auto 24px auto;
	width:260px;
	height:45px;
	line-height:45px;
	border:#333333 1px solid;
	color:#333333;
	font-size:14px;
	text-align:center;
	position:relative;
}


/* detail */
.divseminarde .h3ser01 {
	padding:59px 0 52px;
	text-align:center;
	font-size:32px;
}
.divseminarde .imgdiv {
	padding:0 15px 62px 15px;
}
.divseminarde .txt01 {
	max-width:850px;
	margin:0 auto 88px auto;
}
.h3ser02 {
	text-align:center;
	margin-bottom:45px;
}
.h3ser02 span {
	display:inline-block;
	min-width:200px;
	padding-bottom:15px;
	color:#938043;
	font-size:28px;
	text-align:center;
	position:relative;
}
.h3ser02 span:after {
	content: "";
    position: absolute;
    bottom:0;
    left:69px;
    width:58px;
    height:2px;
    border-bottom:1px solid #938043;
}
.divseminarde .box01 {
	max-width:500px;
	margin:0 auto;
}
.divseminarde .box01 .ul01 {
	padding:14px 0 56px 0;
}
.divseminarde .box01 .ul01 .text01 {
	float:left;
	width:90px;
}
.divseminarde .box01 .ul01 .text02 {
	overflow:hidden;
	border-left:#E5E5E5 1px solid;
	padding-left:40px;
	min-height:40px;
}
.btnselist01 {
	display:block;
	margin:85px auto 23px;
	width:260px;
	height:45px;
	line-height:45px;
	border:#333333 1px solid;
	font-size:14px;
	text-align:center;
	position:relative;
}

#seminar .formBlock {
	max-width: 850px;
}
#seminar .tableContact th {
	width:290px;
	padding-right:30px;
}
#seminar .wp-pagenavi {
	margin-bottom:50px;
}

#seminar .sercat01Wrap .h301 {
	padding-top: 20px;
	margin-bottom: 28px;
	border-bottom: #968043 1px solid;
	padding-bottom: 3px;
	color: #968043;
	font-size: 24px;
	text-align: center;
}

/* smart phone */
@media only screen and (max-width:767px) {
	.divseminar .txt01 {
		margin: 0 0 30px 0;
		height: 35px;
		line-height: 35px;
		font-size: 15px;
	}
	.divseminar .ullist li {
		float:none;
		width:100%;
		margin:0 0 62px 0;
	}
	.divseminar .ullist .imgdiv:hover .btnmore {
		display:none;
	}
	.divseminar .ullist .date {
		padding: 4px 0 2px;
		font-size:11px;
	}
	.divseminar .ullist .title {
		font-size:15px;
	}
	.divseminar .btn01 a {
		margin:25px auto 0 auto;
		width:204px;
		height:35px;
		line-height:35px;
		font-size:11px;
	}

	/* detail */
	.divseminarde .h3ser01 {
		padding:12px 0 22px;
		font-size:21px;
	}
	.divseminarde .imgdiv {
		padding:0 0 15px 0;
	}
	.divseminarde .txt01 {
		margin:0 auto 50px auto;
	}
	.h3ser02 {
		margin-bottom:0;
	}
	.h3ser02 span {
		min-width:133px;
		padding-bottom:12px;
		font-size:19px;
		text-align:center;
	}
	.h3ser02 span:after {
		bottom:0;
		left:45px;
		width:42px;
		height:1px;
	}
	.divseminarde .box01 .ul01 {
		padding:30px 0 45px 0;
	}
	.divseminarde .box01 .ul01 .text01 {
		width:52px;
	}
	.divseminarde .box01 .ul01 .text02 {
		padding-left:15px;
		min-height:auto;
		padding-bottom:15px;
	}
	.btnselist01 {
		margin:55px auto 0;
		width:204px;
		height:35px;
		line-height:35px;
		font-size:11px;
	}
	#seminar .wp-pagenavi {
		margin-bottom:30px;
	}
	
	
	#seminar .sercat01Wrap .h301 {
		padding-top: 0;
		margin-bottom: 25px;
		font-size: 20px;
	}
}
.pageconfirm .divseminarde .imgdiv,
.pageconfirm .divseminarde .txt01,
.pageconfirm .divseminarde .box01
{
	display:none !important;
}

/*=============================
	Edit 2017/11/30
===============================*/
.addBox .box1{
	float: left;
	width: 155px;
}
.addBox .box1 input{
	width: 125px;
}
.addBox .box1 span{
	display: inline-block;
	width: 30px;
}
.addBox .box2{
	float: right;
	width: calc(100% - 170px);
}
@media (max-width: 767px){
	.addBox .box1{
		float: none;
		margin-bottom: 10px;
	}
	.addBox .box1 input{
		width: 170px;
	}
	.addBox .box1 span{
		display: none;
	}
	.addBox .box2{
		float: none;
		width: 100%;
	}
}
.addBoxCMS .box1{
	float: left;
	width: 50%;
}
.addBoxCMS .box2{
	float: left;
	width: 50%;
}
.addBoxCMS select{
	width: 100%;
	height: 35px;
	border: 1px solid #999;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: inline-block;
    text-indent: 1px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 10px;
    padding-right: 10px;
    background: url(../img2016/common/icon/icon_select.png) right no-repeat;
    background-size: 17px 35px;
    border-radius: 0;
}
.addBoxCMS .box2 a{
	display: inline-block;
	padding-left: 25px;
	position: relative;
	color: #938043;
	padding-top: 6px;
	text-decoration: underline;
}
.addBoxCMS .box2 a:hover{
	opacity: 0.5;
}
.addBoxCMS .box2 a:before{
	content: "";
    position: absolute;
    left: 10px;
    top: 40%;
    width: 8px;
    height: 8px;
    border-left: 1px solid #938043;
    border-top: 1px solid #938043;
    -moztransform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media (max-width: 767px){
	.addBoxCMS .box1{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.addBoxCMS .box2{
		float: none;
		width: 100%;
	}
	.addBoxCMS .box2 a{
		padding-left: 15px;
		padding-top: 0;
	}
	.addBoxCMS .box2 a:before{
	    left: 0;
	    top: 30%;
	}
}