#main-img{
	background-image:url(/eng/video/main_photo.jpg); /* 早坂修正：値 */
	background-position:50% 50%;
	background-attachment:fixed;
	background-size:cover;
	background-position:50% 50%;
}

h2{
	width: 97%;
	text-align:left;
	margin-left:20px;
	border-bottom:solid #F00 2px;
}

h2 .crick{
    color: #000;
    font-size: 20px;
    margin-left: 30px;
}

h2 .ebr{
    display: none;
}

.contents article clearfix{
	justify-content: space-around;
	flex-wrap: wrap;
	 width: 100%;
     max-width: 1200px;
     margin: auto;
	 flex-wrap: wrap;
 }
 
.contents article clearfix img{
	width: 100%;
 }

 
 .flexbox {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }
 
 .flexbox_45 {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }
 

  .flexbox_cm {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }


.comp{
    margin-top: 10px;
}
 
.comp a{
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}


 .flexbox_cm1 {
	 justify-content: space-around;
	 display:flex;
	 text-align:center;
 }
 
 .box p{
	 font-family: 'Open Sans', sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 text-align:center;
 }
 
 .flexbox_cm1 p { 
 	 font-family: 'Open Sans', sans-serif;
	 font-size:18px;
	 font-weight:bold;
	 text-align:center;
 }
 
  .box1 img{
	 margin-bottom:30px;
 }
 
 .box2 img{
	 margin-bottom:54px;
 }
 
 .box3 img{
	 margin-bottom:57px;
 }
 
 .box4 img{
	 margin-top:35px;
	 margin-bottom:45px;
 }
 
 .box5 img{
	 margin-top:28px;
	 margin-bottom:50px;
	 padding-left:20px;
 }
 
 .box6 img{
	 margin-top:25px;
	 margin-bottom:50px;
 }
 
 .box7 img{
	 margin-bottom:30px;
 }
 
 .box8 img{
	 margin-bottom:48px;
 }
 
   .cm1 img{
	 margin-bottom:30px;
 }
 
  .cm2 img{
	  margin-top:30px;
	 margin-bottom:76px;
 }
 
  .cm3 img{
	 padding-top:30px;
	 margin-bottom:76px;
 }
 
  .cm4 img{
	margin-bottom:30px;
 }
 
  .cm5 img{
	 margin-top:28px;
	 margin-bottom:68px;
 }
 
  .cm6 img{
	 margin-top:28px;
	 margin-bottom:32px;
 }

  .cm7 img{
	 margin-top:22px;
	 margin-bottom:32px;
 }

 
@media screen and (min-width:0px) and ( max-width:750px) {
	
	.contents article clearfix{
	justify-content: space-around;
	flex-wrap: wrap;
	 width: 100%;
     max-width: 1200px;
     margin: auto;
	 flex-wrap: wrap;
 }
 
.contents article clearfix img{
	width: 100%;
 }
 
 .flexbox {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }
 
 .flexbox_45 {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }
 

  .flexbox_cm {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }
	
	.article .clearfix a{
	float:none;
	width:100%;
	margin:auto;
	margin-bottom:20px;
	position:relative;
	padding:3%;
}
.article .clearfix a:after {
     content:".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
.article .hotTopics-last a:nth-last-child(2),
.article .hotTopics-last a:nth-last-child(3){
	margin-bottom:20px;
}

.article .clearfix a img{	
	width:40%;
	margin:0%;
	float:left;
}

.article .clearfix a p{
	height:auto;
	
	line-height:1.8em;
	
	width:57%;
	float:right;
	margin:0;
	padding:0;
	border:none;
}

#main-img{
	background-attachment:scroll;
}
}

@media screen and (min-width:0px) and ( max-width:874px) {
    h2 .ebr{
        display: block;
    }
}
 
@media screen and (min-width: 200px) and (max-width:1124px){
	
	.contents article clearfix{
	justify-content: space-around;
	flex-wrap: wrap;
	 width: 100%;
     max-width: 1200px;
     margin: auto;
	 flex-wrap: wrap;
 }
 
.contents article clearfix img{
	width: 100%;
 }
 
 .flexbox {
	 justify-content: space-around;
     display: flex;
	 text-align:center;
 }
 	
	h2{
		width:90%;
	}
	
  .flexbox {
	flex-direction:column;
	text-align:center;
  }
  
  .flexbox_45{
	  flex-direction:column;
	  text-align:center;
  }
  
  .flexbox_20{
	  flex-direction:column;
	  text-align:center;
  }
  
  .flexbox_cm{
	  flex-direction:column;
	  text-align:center;
  }
  
  .box{
	  margin-bottom:50px;
  }
  
  .box1 img{
	 margin-bottom:20px;
 }
 
 .box2 img{
	 margin-bottom:30px;
 }
 
 .box3 img{
	 margin-bottom:30px;
 }
 
 .box4 img{
	 margin-bottom:30px;
 }
 
 .box5 img{
	 margin-bottom:30px;
 }
 
 .box6 img{
	 margin-bottom:30px;
 }
 
 .box7{
	 margin-bottom:30px;
 }
 
 .box8{
	 margin-bottom:30px;
 }
 
 .cm1 img{
	 margin-bottom:20px;
 }
 
 .cm2 img{
	 margin-bottom:20px;
 }
 
 .cm3 img{
	 margin-bottom:20px;
 }
 
 .cm4 img{
	 margin-bottom:20px;	 
 }
 
 .cm5 img{
	margin-bottom:20px;
 }
 
 .cm6 img{
	 margin-bottom:20px;
 }

    
    
 .shiro{
	 display:none;
 }


}