@charset "utf-8";

/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#page-ttl{
		background-image: url(../../img/info/t_bg2_pc.png),
											url(../../img/info/t_bg_pc.jpg);
		background-color: transparent;
		background-repeat: repeat,no-repeat;
		background-position: 0 0, center top;
		background-size: auto,cover;
	}
	#content .top_area .inner{
		padding:0 0 40px;
		background-color:#f6f5f1;
	}
	#news_list{
		margin:0 40px;
	}
	#news_list li a{
		border-bottom:1px solid #b3b3b3;
		padding:20px;
		min-height:100px;
		opacity:1 !important;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		position:relative;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#news_list li a .date{
		color:#999;
		white-space:nowrap;
		margin-right:20px;
	}
	#news_list li a h3{
		color:#333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(51,51,51,0.4);
		padding-right:40px;
	}
	#news_list li a .ico{
		font-size:16px;
		width:1.75em;
		height:1.75em;
		line-height:1.75em;
		background-color:#5bbd2b;
		margin:0;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		cursor:pointer;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-0.875em;
	}
	#news_list li a:hover .ico,
	#news_list li a:focus .ico,
	#news_list li a:active .ico{
		-webkit-transform: translateX(0.5em);
		transform: translateX(0.5em);
	}
	#news_list li a .ico i{
		font-size:1em;
		line-height: 1em;
		color:#fff;
		padding:0;
		margin:0;
		display:inline-block;
		vertical-align: middle;
	}
	#news_list.none{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		margin:0;
		height:300px;
	}
	#news_list.none p.none{
		font-size:16px;
		text-align:left;
	}

	#news_single .ttl{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		padding:20px 30px 46px;
	}
	#news_single .ttl .date{
		color:#999;
		white-space:nowrap;
		margin-right:28px;
	}
	#news_single .ttl h3{
		font-size:24px;
		color:#333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(51,51,51,0.4);
	}
	#news_single .txt{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#news_single .txt .img{
		background-color:#fff;
		max-width:500px;
		width:43.9%;
		padding:20px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		display:block;
	}
	#news_single .txt .udata{
		max-width:600px;
		width:52.7%;
	}
}

/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	#page-ttl{
		background-image: url(../../img/info/t_bg_sp.jpg);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	#content .top_area .inner{
		padding:0 0 1.524em;
		background-color:#f6f5f1;
	}
	#news_list{
		margin:0;
	}
	#news_list li a{
		border-bottom:1px solid #b3b3b3;
		padding:0.762em;
		min-height:4.952em;
		opacity:1 !important;
		position:relative;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#news_list li a .date{
		color:#999;
		white-space:nowrap;
		display:block;
		margin-bottom:0.457em;
	}
	#news_list li a h3{
		color:#333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(51,51,51,0.4);
		padding-right:1.524em;
	}
	#news_list li a .ico{
		font-size:1em;
		width:1.524em;
		height:1.524em;
		line-height:1.524em;
		background-color:#5bbd2b;
		margin:0;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		cursor:pointer;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		position:absolute;
		right:0.762em;
		top:50%;
		margin-top:-0.762em;
	}
	#news_list li a:hover .ico,
	#news_list li a:focus .ico,
	#news_list li a:active .ico{
		-webkit-transform: translateX(0.5em);
		transform: translateX(0.5em);
	}
	#news_list li a .ico i{
		font-size:1em;
		line-height: 1em;
		color:#fff;
		padding:0;
		margin:0;
		display:inline-block;
		vertical-align: middle;
	}
	#news_list.none{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		margin:0;
		height:40vw;
	}
	#news_list.none p.none{
		font-size:1em;
		text-align:left;
	}

	#news_single .ttl{
		padding:0.762em 0.762em 1.181em;
	}
	#news_single .ttl .date{
		color:#999;
		white-space:nowrap;
		margin-bottom:0.229em;
	}
	#news_single .ttl h3{
		font-size:1.143em;
		color:#333;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(51,51,51,0.4);
	}
	#news_single .txt{
		width:100%;
	}
	#news_single .txt .img{
		background-color:#fff;
		width:100%;
		padding:0.762em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		display:block;
		margin-bottom:1.333em;
	}
	#news_single .txt .udata{
		width:100%;
	}
}