@charset "utf-8";

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------------------------------

 Layout（PC&スマホ）設定 

 ------------------------------------------*/


#smartnews{
	width:100%;	
	margin: 0 auto;
	background-color:#FFF;
}

#smartnews *{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}


#smartnewsContents{
	margin:0 auto;
    width:100%;
    height:800px;
    
background: -moz-linear-gradient(top,#fe645a 0%,#fe645a 25%,#ffc73e 25%,#ffc73e 50%,#54e570 50%,#54e570 75%,#0fbce7 75%,#0fbce7 );
background: -webkit-linear-gradient(top,#fe645a 0%,#fe645a 25%,#ffc73e 25%,#ffc73e 50%,#54e570 50%,#54e570 75%,#0fbce7 75%,#0fbce7 );
background: linear-gradient(to bottom,#fe645a 0%,#fe645a 25%,#ffc73e 25%,#ffc73e 50%,#54e570 50%,#54e570 75%,#0fbce7 75%,#0fbce7 );
}

	
article{
	margin:0 auto;
	width:1000px;
    position:relative;
	}

#topics{
    margin:0 auto;
    width:600px;
    height:500px;
    padding: 2em 5em;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 30px;/*角の丸み*/
        position:absolute;
    top:100px;
    left:100px;
}
#icon{
        width:100%;
     margin-top: 50px;
}
#topics p {
    margin-top: 50px;
}
    
#topics a img{
    width:500px;
    margin-top: 50px;
}
    




@media (max-width: 812px) {
	
#smartnews{
	width:100%;	
	margin: 0 auto;
	background-color:#FFF;
}

#smartnews *{
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}


#smartnewsContents{
	margin:0 auto;
    width:100%;
    height:600px;
    
background: -moz-linear-gradient(top,#fe645a 0%,#fe645a 25%,#ffc73e 25%,#ffc73e 50%,#54e570 50%,#54e570 75%,#0fbce7 75%,#0fbce7 );
background: -webkit-linear-gradient(top,#fe645a 0%,#fe645a 25%,#ffc73e 25%,#ffc73e 50%,#54e570 50%,#54e570 75%,#0fbce7 75%,#0fbce7 );
background: linear-gradient(to bottom,#fe645a 0%,#fe645a 25%,#ffc73e 25%,#ffc73e 50%,#54e570 50%,#54e570 75%,#0fbce7 75%,#0fbce7 );
}

	
article{
	margin:0 auto;
	width:100%;
    position:relative;
	}

#topics{
    margin:0 auto;
    width:90%;
    height:auto;
    padding: 0em 0em;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 30px;/*角の丸み*/
        position:absolute;
    top:60px;
    left:5%;
}
#icon{
    width:90%;
     margin-top: 50px;
}
#topics p {
    padding: 5%;
    margin-top: 20px;
}
#topics p .spbr{    
    display: none;
    }
#topics a img{
    width:80%;
    margin-top: 30px;
    margin-bottom: 30px;
}
}

@media (max-width: 410px) {
	


}