.wrap{
	width: 100%;
	margin: 10px 0px; /*領域の外上下に余白 */
	padding: 0px 15px;

}
@media only screen and (min-width:798px) {
.wrap{
	padding: 0px 0px;
}
}


/*********** 右可変　左固定（サイドバー） ***************/

.l_col_liquid {
  float: none; 
  width: 100%; 
}
/* 左カラム可変・右カラム固定 */
@media only screen and (min-width:798px) {
.l_col_liquid {
  float: left; /* 左方向にフロート */
  width: 100%; /* 右カラムで指定した100px以外の幅を保持 */
  margin: 0 -280px 0 0; /* 右カラムと同じ幅をマイナス指定し横並びに 右マージン */
}
}
 
aside {
	float: none; 
	width: 100%; 
	padding: 0px 15px;
}
@media only screen and (min-width:798px) {
aside {
  float: right; /* 右方向にフロート */
  width: 280px; /* 右カラムをpxで固定 */
	padding: 0px 0px;
}
.l_contents {
  margin: 0 300px 0 0; /* 右カラムとの右マージンを調整 */
}
}

.fb_c {display: none;} /*要素非表示*/
.sns_ico {display: block;} /*要素表示*/

@media only screen and (min-width:798px) {
	.fb_c {display: block;}
	.sns_ico {display: none;}
}




.news{
	width:90%;
	max-width:500px;
	margin:20px 0;
	text-shadow:
	0px 1px 1px rgba(0,0,0,1),
	0px -1px 0px rgba(255,255,255,0.3);
	background-color:#f5f5f5;
}

.news ul li{
	display:table;
	width:100%;
}

.news ul li:not(:last-child){
	border-bottom:1px solid #f6efe2;
}

.news ul li a{
	display:block;
	padding:7px 25px 7px 7px;
	position:relative;
	text-decoration:none;
	color:#574b35;
}

.news ul li a:after{
	content: "";
	display: block;
	height: 0px;
	width: 0px;
	border: 4px solid transparent;
	border-left-color: #e2a6a6;
	position:absolute;
	top:50%;
	right:10px;
}

.news ul li figure{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding-right:10px;
	line-height:0.1em;
	font-size:1px;
}

.news ul li figure img{
	height:auto;
	width:100%;
}


.news ul li div{
	display:table-cell;
	vertical-align:middle;
}



 

/*********** ストリーム ***************/
@media only screen and (min-width: 798px) {
.strm{
	clear : both ; 
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 36.842105%; /*画像の高さ÷幅を設定 */
    background-image:url(../img/image_txt_01.png),url(../img/strm_img_01.jpg);
    background-repeat: no-repeat,no-repeat;
    background-size: 100% auto,100% auto;
    background-position: center,center;
}
}

@media only screen and (min-width: 798px) {
  .strm{
    /* 幅と高さは、画像のサイズと同じサイズで指定 */
	clear : both ; 
	position: relative;
	display:block;
    width: 950px;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
/*
    background-image:url(../img/image_txt_01.png),url(../img/strm_img_01.jpg);
    background-repeat: no-repeat,no-repeat;background-position:left 5% top 30%,left;
*/
  }
  .strm .stream_img img{
		position: absolute;
		width : 950px ; 
		height: 350px;
		display:none; /* 一旦書描画して非表示 */
		}
	.strm .stream_txt img{
		position: absolute; /* 本来表示される位置から外れて、自由な位置に表示させる */
		display:none; /* 一旦書描画して非表示 */
		top: 50%; transform: translateY(-50%); /*縦位置調整*/
		left:5%;
		}
	.strm .stream_img .img1{
	/* 1枚目の画像だけを表示 */
	display:block;
	}
	.strm .stream_txt .img1{
	/* 1枚目の画像だけを表示 */
	display:block;
	}
	.strm .greet2 img{
		position: absolute;
		display:none;
		width:600px;
		bottom:0px;
		right:0px;
	}
}
 
/* クリアフィックス */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}


.pdg {
padding-top:10px;
padding-bottom:10px;
}


.test{
width:798px;
background:blue;
}