@charset "UTF-8";

/**======================================
	WORK
======================================**/

/*--------------------------------------
	common
---------------------------------------*/

/*--------------------------------------
	index
---------------------------------------*/
#single_work_box > .heading02 {
  margin-bottom: 0.8em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #333;
}

.work_ul li.work_li {
  margin-bottom: 4em;
}

.work_ul li.work_li .title,
.work_ul li.work_li .title a {
  margin-bottom: 0.5em;
  transition: 0.8s;
  text-decoration: none;
}

.work_ul li.work_li .title span,
.work_ul li.work_li .title a span {
  padding: 4px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #70add0;
}

.work_ul li.work_li .title a span {
  border-bottom: 1px solid #70add0;
  transition: 0.8s;
}

.work_ul li.work_li .title a:hover span {
  color: #fff;
  background: #70add0;
  transition: 0.8s;
}

.work_ul li.work_li .date {
  font-size: 1.2rem;
}

.work_ul li.work_li .date time {
  margin-right: 10px;
  font-size: 1.2rem;
}

.work_ul li.work_li .date .term_name {
  margin-left: 10px;
  font-size: 1.2rem;
}

/*--------------------------------------
	single
---------------------------------------*/

#work_single_contents .entry_part {
	position: relative;
}

#work_single_contents .sns_share {
	position:absolute;
	top: -40px;
	left:0;
}

#work_single_contents .sns_share a {
	text-decoration: none;
	color: #70add0;
	font-size: 1.2rem;
	font-weight: 300;
	transition: .8s;
}

#work_single_contents .sns_share a i {
	font-size: 1.2rem;
}

#work_single_contents .sns_share a:hover {
	opacity: 0.8;
	transition: .8s;
}

#work_single_contents .single_title {
  margin-bottom: 0.5em;
  font-size: 1.8rem;
  color: #70add0;
  text-align: center;
  font-weight: 300;
}

#work_single_contents .date {
  margin-bottom: 6em;
  font-size: 1.2rem;
  text-align: center;
}

#work_single_contents .date time {
  margin-right: 10px;
  font-size: 1.2rem;
}

#work_single_contents .date .term_name {
  margin-left: 10px;
  font-size: 1.2rem;
}

#work_single_contents .back_part {
	margin-top: 6.0em;
}

@media screen and (min-width: 600px) {
  #work_single_contents .single_title {
    font-size: 2.2rem;
  }
}