/*===========================　kuturoginoie トップページ*/
body{
background-color: #000;
/* user-select: none; */
}
body, a{
color: white;
}

#container{
display: flex;
flex-direction: column;
}
#menuListTop,
#bgdimg,
#msgNNews{
width:100%;
}

#bgdimgBox{
max-width:		800px;
height:		auto;
margin: 0 auto;
}
#bgdimgBox img{
width:		100%;
height:		auto;
}

/*メニュー　===========*/
#menuListTop{
font-size:		1.4rem;
line-height:	2.5em;
padding:	2rem	1rem;
background:black;
}
.company,
.menuLine{
display: table;
width:100%;
}
.partTime{
display: none;
}
.jp, .en {
font-size: 1.8rem;
}
.jp { 
float: left;
}
.en { 
float: right;
white-space: pre;
}

.kk::after{
content:		' KK';
}
/*メッセージとニュース　===========*/
#msgNNews{
position: absolute;
left: 0;
bottom: 7rem;
padding:	0	3rem;
justify-content: space-between;
display: flex;
flex-direction: row;
align-items: flex-end;
/* align-items: flex-start; */
}

#msgBox,
#newsBox{
}

#msgBox{
text-align: left;
}

#newsBox{
text-align:		right;
}

#msgTitleMain,
#newsTitle{
font-size: 1.8rem;
line-height: 2.0em;
}

#msgTitleSub{
/*kuturogi no ie*/
letter-spacing: 0;	
padding:	0	0 0 1em;
}
/*人が家に求めるもの〜*/
#msgBody{
line-height: 1.8em;
}
.articleTitle{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.8em;
}
.articleTitle a{
font-size: 1.4rem;
letter-spacing: 0em;
padding: 0;
}
/*メディア_X　=================================*/
@media screen and (max-width: 528px) {
/*Newsを左揃え*/
#msgNNews{
display: block;
position: relative;
padding:	0	1rem;
}
#msgBox,
#newsBox{
width: 100%;
padding-bottom:	3rem;
}
#newsBox{
text-align: left;
}
}
@media screen and (max-width: 380px) {
/*メニュー*/
.jp, .en {
width: 100%;
line-height:	1.4em;
text-align: left;
}
.en { 
padding-bottom: 1em;
}
#newsBox{
text-align: 		left;
}
}

/*メディア_Y　=================================*/
@media screen and (max-height: 600px) {
body {
display: block;
}
#msgNNews{
position: relative;
align-items: flex-start;
padding:	10rem	1rem 0 1rem;
}
}