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

.cl:after {
  content: "";
  clear: both;
  display: block;
}

/*//////////////////////1024pxよりも大きい幅のときここから////////////////////////*/
#weeklyR{
	width:100%;
	margin:0 0 5% 0;
}
#weeklyR a{
	text-decoration:none;
	width:100%;
	backface-visibility: hidden;
}
#weeklyR .latest{
	margin:0 -4% 0 0;
}
#weeklyR .latest .cont{
	width:29.3%;
	float:left;
	margin:0 4% 8% 0;
	text-align:center;
}
#weeklyR .latest .cont .pro{
	margin:0 0 0 0;
}
#weeklyR .latest .cont .pro img{
	width:36%;
	margin:0 auto 6px auto;
}
#weeklyR .latest .cont .pro p.name{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#1a1a1a;
	font-size:1.6rem;
	margin-bottom:20px;
	line-height:1.1;
	height:1.3em;
}

#weeklyR .latest .cont .box{
	box-sizing:border-box;
	border:1px solid #E3E3E3;
	overflow: hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;   
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.10);
	-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.10);
	-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.10);
	padding:5%;
}
#weeklyR .latest .cont .box img{
	margin:0 0 5% 0;
}
#weeklyR .latest .cont .box h3{
	text-align:left;
	font-size:1.2rem;
	font-weight:bold;
	color:#f642a7;
	line-height:1.3;
	height:3.5em;
}





#weeklyR .lastweek{
	clear:both;
	padding:10% 0 0 0;
	margin-right:-3%;
}
#weeklyR .lastweek h2{
	font-size:1.4rem;
	font-weight:bold;
	color:#1a1a1a;
	text-align:left;
	position: relative;
	margin:0 0 5% 0;
}
#weeklyR .lastweek h2:before {
    border-top: 1px solid #dedede;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 96%;
}
#weeklyR .lastweek h2 span {
    background-color: #fff;
    display: inline-block;
    padding: 0 2em 0 0.5em;
	position:relative;
	z-index:1;
}
#weeklyR .lastweek .contS{
	width:22%;
	float:left;
	margin:0 3% 3% 0;
}
#weeklyR .lastweek .contS .imgArea{
	margin:0 0 3% 0;
	position:relative;
	width:100%;
}
#weeklyR .lastweek .contS .imgArea .img1{
	width:72.7%;
	margin-bottom:0;
}
#weeklyR .lastweek .contS .imgArea .img2{
	width:24.3%;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:0;
}
#weeklyR .lastweek .contS .imgArea img{
	margin-bottom:0;
}
#weeklyR .lastweek .contS .txArea{
	height:6em;
	overflow:hidden;
}
#weeklyR .lastweek .contS .txArea .nameS {
	margin-bottom:0;
}
#weeklyR .lastweek .contS .txArea .nameS a{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#1a1a1a;
	font-size:1rem;
	margin-bottom:5px;
	line-height:1.3;
}
#weeklyR .lastweek .contS .txArea .nameS a span{
	letter-spacing:-0.1em;
}
#weeklyR .lastweek .contS .txArea h4{
	height:4.5em;
	overflow:auto;
}
#weeklyR .lastweek .contS .txArea h4 a{
	font-size:1rem;
	line-height:1.3;
	color:#f642a7;
	text-align:left;
}
/*//////////////////////1024pxよりも大きい幅のときここまで////////////////////////*/
/*追記*/
#weeklyR .latest,
#weeklyR .lastweek {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    width: 100%;
}
#weeklyR .latest .cont{
	flex-direction: column;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	float: none;
}
#weeklyR .latest .cont a {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#weeklyR .latest .cont .box {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#weeklyR .latest .cont .box h3 {
    height: 100%;
    display: flex;
    flex-direction: column;
}
#weeklyR .lastweek {
	margin-right: 0;
}
#weeklyR .lastweek h2 {
	width: 100%;
}
#weeklyR .lastweek .contS {
	float: none;
}

@media screen and (max-width: 1023px) {
/* 1023pxまでの幅の場合に適応される */
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
#weeklyR .latest .cont{
	width:46%;
	margin-bottom: 15%;
}

#weeklyR .lastweek .contS{
	width:30.3%;
}
#weeklyR .lastweek .contS .txArea h4{
	height:4em;
}
#weeklyR .lastweek .contS .txArea {
    height: 7em;
    overflow: hidden;
}
}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
#weeklyR .latest .cont .pro p.name{
	font-size:3.5vw;
}
#weeklyR .latest .cont .box h3{
	font-size:2vw;
}


#weeklyR .lastweek{
	margin-right:-8%;
}
#weeklyR .lastweek .contS{
	width:42%;
	margin-right:8%;
}
#weeklyR .lastweek h2:before {
	width:92%;
}


#weeklyR .lastweek .contS .txArea .nameS a{
	font-size:1vw;
}
#weeklyR .lastweek .contS .txArea h4 a{
	font-size:0.4vw;
}
/*追記*/
#weeklyR .lastweek .contS .txArea .nameS a,
#weeklyR .lastweek .contS .txArea h4 a {
	font-size:4vw;
}
#weeklyR .lastweek .contS .txArea h4 {
	height: 100%;
}
#weeklyR .latest .cont .box h3 {
	font-size: 4vw;
}
}

@media all and (-ms-high-contrast: none) {
	#weeklyR .latest .cont .pro a {
		display: block;
		height: auto;
	}
}