@charset "UTF-8";

/* contents
===================================*/
#contents.news{
    padding-bottom: 4em;
}

@media screen and (max-width: 768px) {
#contents.news{
    padding-bottom: 2em;
}
}


/* mainimage
===================================*/
#mainimage.news{
    background-image: url("../images/news/MainVisual.png");
}
@media screen and (max-width: 768px) {
#mainimage.news {
    /*background-position: center center;*/
  }
}


/* news_detail
===================================*/
.news_detail {
    width: 100%;
    max-width: 1080px; /*1000*/
    margin: 0 auto;
	padding-top: 80px;
    padding-bottom: 80px;
}
@media screen and (max-width: 470px){
.news_detail {
	padding-top: 40px;
    padding-bottom: 40px;
}
}

.news_detail h2 {
    text-align: left!important;
}
.news_detail h2 span {
  display: inline!important;
  margin-right: 20px;
}
@media only screen and (max-width:740px){
.news_detail h2 {
    font-size: 1.4rem!important;
}
.news_detail h2 span {
    display: block!important;
    font-size: 2.6rem!important;
}
}


/* ttlspace
====================================*/
.ttlspace {
	width: 100%;
	overflow: hidden;
    padding-bottom: 2em;
	border-bottom: 1px solid #DDDDDD;
}
@media screen and (max-width: 470px){
.ttlspace {
	margin-bottom: 20px;
}
}

#contents .ttlspace h3{
	text-align: left;
	font-size: 2.6rem;
    font-weight: 700;
	line-height: 1.6;
	margin-bottom: 0.5em;
}
#contents .ttlspace p{
	font-size: 1.4rem;
}

@media screen and (max-width: 470px){
#contents .ttlspace h3{
	font-size: 1.8rem;
}
#contents .ttlspace p{
	font-size: 1.2rem;
}
}
/*
.ttlspace p.date{
	text-align: center;
}
*/

/* p.date
====================================*/

.news_detail p.time{
    font-size: 1.4rem;
    line-height: 1.4;
    color: #999999;
}
@media only screen and (max-width:470px){
.news_detail p.time{
    font-size: 1.2rem;
}
}

.news_detail p.cat,
.news_detail p.cat a{
    color: #00A0E9;
    margin-top: 6px;
}
@media only screen and (max-width:470px){
.news_detail p.cat,
.news_detail p.cat a{
    font-size: 1.2rem;
}
}


/* freespace
======================================================================*/

.freespace {
	width: 100%;
	overflow: hidden;
	text-align: left;
    padding-top: 3em;
    padding-bottom: 3em;
}

.freespace h4{
	font-size: 2.4rem;
	font-weight: 700!important;
	margin-bottom: 0.5em;
}

.freespace h5{
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 0.5em;
}

.freespace h6{
	font-size: 1.6rem;
    font-weight: 700;
	margin-bottom: 0.5em;
}

.freespace p{
	font-size: 1.4rem;
	line-height: 2.0;
	margin-bottom: 1.5em;
}

.freespace p.date{
    line-height: 1.2;
	margin-bottom: 0!important;
}

.freespace p.caption{
    margin-top: 0.5em;
}

/*WP layout*/

.freespace .alignnone{
    clear: both;
}
.freespace .alignleft{
    float: left;
    margin-right: 30px;
}
.freespace .alignright{
   float: right;
    margin-left: 30px;
}

@media screen and (max-width: 768px){
.freespace {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.freespace .alignleft{
    float: none;
    margin-right: 0px;
}
.freespace .alignright{
   float: none;
    margin-left: 0px;
}
}


@media screen and (max-width: 480px){
.freespace h4{
	font-size: 2.0rem;
}
.freespace h5{
	font-size: 1.8rem;
}
.freespace h6{
	font-size: 1.4rem;
}
.freespace p{
	font-size: 1.2rem;
	margin-bottom: 1em;
}
.freespace p.caption{
	font-size: 1.1rem;
}
}
/*
.freespace .fl{
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}

.freespace .fr{
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
}
*/
.freespace img{
	max-width: 100%;
	height: auto;
}