@charset "UTF-8";
/* CSS Document */

.newsIn{ /*display:flex;*/ margin:0 auto; width:100%; max-width:900px; justify-content: space-between;}

.newsEnd{ color: #fff; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 22px; font-weight: bold; line-height: 150%; margin: 50px auto 30px; text-align: center;}

.newsPost{border-radius:100%; width:260px; height:260px; text-align:center; background-size:260px; margin:2% 20px;
background-image:url(img/shimura_yellow2.png);padding:30px 0 0 0; float:left;}/*3つ並び*/


.newsPost h5{ color:#e6121d; font-size:22px; font-weight:bold;}
.newsPost p{ margin:0;font-weight:bold; font-size:16px;}
.newsPost h4{font-size:20px; color:#fff; line-height:100%;}

.newsPost:hover{ opacity:0.9;}

.newsPost:first-child{padding:15px 0 0 0;background-image:url(img/final_bg.png);color: #fff;}
.newsPost:first-child span:first-child{ font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold;font-size:16px; }
.newsPost:first-child p a{ color: #fff; }


/*.newsPost:nth-of-type(3){background-image:url(img/odaiba_bg.png);padding:20px 0 0 0;}/*お台場*/
/*.newsPost:nth-of-type(3) .newsPost h5{ margin-bottom:0 !important;}
.newsPost:nth-of-type(3) p{font-size:14px; line-height:120%;margin-top:0 !important;}*/

.hitomi p{font-size:15px; line-height:120%;margin-top:-5px !important;}

.mizu{background-image:url(img/odaiba_bg.png);padding:20px 0 0 0;}/*お台場*/
.mizu .newsPost h5{ margin-bottom:0 !important;}
.mizu p{font-size:14px; line-height:120%;margin-top:0 !important;}

.toy{background-image:url(img/news_bearblick2.png);padding:20px 0 0 0;}/*ベアブリック*/
.toy .newsPost h5{ margin-bottom:0 !important;}
.toy p{font-size:15px; line-height:120%;margin-top:0 !important;}

.newsIn .maruko{background-image:url(img/news_maruko.png);padding:20px 0 0 0;}/*ちびまるこ*/
.newsIn .maruko .newsPost h5{ margin-bottom:0px !important;}
.newsIn .maruko p{font-size:15px; line-height:120%;margin-top:-5px !important;}


/*.odaiba{ width:325px; height:325px; background-size:325px; margin:2% 20px 2% 80px;background-image:url(img/odaiba_bg.png);padding:30px 0 0 0; line-height:160%;}/*お台場*/

img.odaiba_news{ width:325px; float:left;margin:2% 20px;}

/*お台場冒険アイランド水色 #00a6ff
　濃い青　#0044ff*/


@media screen and (max-width: 1150px) {

}


@media screen and (max-width: 1100px) {

.newsIn{width:900px;}

}


@media screen and (max-width: 1024px) {

}


@media screen and (max-width: 991px) {

#news .wrap .inner-wrap{ display: block; text-align: center;}
.newsEnd{ text-align: left; width: 80%; display: inline-block;margin: 50px auto;}


.newsIn{width:650px;}
.newsPost{  margin:2% 32px; }

.odaiba{ width:400px; height:400px; background-size:400px; margin:2% auto 4%;padding:60px 0 0 0; line-height:170%;float:none;}/*お台場*/
img.odaiba_news{ width:400px; float:none;margin:2% auto 4%;}


}


@media screen and (max-width: 880px) {
	
}


@media screen and (max-width:820px) {

}


@media screen and (max-width:767px) {
.newsEnd{ width: 90%; font-size: 18px;}

}


@media screen and (max-width:700px) {
.newsIn{width:600px;}
.newsPost{  margin:2% 10px;}

.odaiba{ width:350px; height:350px; background-size:350px; margin:2% auto 4%;padding:40px 0 0 0;}/*お台場*/
img.odaiba_news{ width:350px; margin:2% auto 4%;}

}

@media screen and (max-width:600px) {
.newsEnd{ width: 97%;}

.newsIn{width:100%;}
.newsPost{float:none; margin:5% auto ;}/*4つ並び*/
.odaiba{ width:350px; height:350px; background-size:350px; margin:2% auto 4%;padding:40px 0 0 0;}/*お台場*/

}
