/*
@media screen and (max-width:1280px){

}
*/

@media screen and (min-width:1921px){
	/*header h1,
	header .sight_title{
		font-size:1.5vw;
	}
	
	footer .top_nav{
		font-size: 0.85vw;
	}
	
	footer .logo{
		font-size:0.84vw;
	}*/
	
	body{
		font-size:0.835vw;
	}
}

@media screen and (max-width:1499px){
	.ranking ul p{
		font-size:0.8rem;
	}
	
	.cover .top_nav{
		font-size:1vw;
		margin-left:2.5em;
	}
	
	
	.to_about_top{
		font-size: 1vw;
	}
	
	.to_about_top a.pt1{
		margin:6em 0 0 8em;
	}
}

@media screen and (max-width:1354px){
	.article{
		width:50vw;
	}
}

@media screen and (max-width:1280px){
	body{
		font-size:0.9em;
	}
	
	.cover .top_nav{
		font-size: 1.1vw;
		margin-left: 1.6em;
	}
	
	.ranking h2{
		font-size:180%;
	}
	
	.to_about_top{
		font-size: 1.1vw;
	}
	
	.to_about_top a.pt1{
		margin:6em 0 0 7em;
	}
	
	header h1,
	header .sight_title{
		font-size:160%;
	}
	
	.other_page .category_title{
		max-height:12em;
	}
	
	#main_nav li{
		padding-right:4.5em;
	}
	
	#main_nav {
		left: -6.3em;
	}
}

@media screen and (max-width:959px){
	
	body{
		font-size:0.8em;
	}
	
	.cover_cont{
		display:none;
	}
	
	.ranking {
	    width: 100%;
	    position: static;
	    top: auto;
	    right: auto;
	    font-size:1em;
    }
    
    .ranking ul,
    .ranking .title{
    	position:static;
    	max-width:100%;
    }
    
    .ranking .title{
    	font-size:110%;
    }
    
    .sp_cover{
		display:block;
		overflow-x:hidden;
	}
	
	header {
	    padding: 2em 3em 0 3em;
	    position: relative;
	    z-index: 100;
	    top: auto;
	    left: auto;
	    width: 100%;
	    box-sizing:border-box;
	}
	
	.single_page header {
	    position: absolute;
	    z-index: 100;
	    top: 0;
	    left: 0;
	    width: 100%;
	    box-sizing:border-box;
	}
	
	header.out{
		opacity:1;
		position:relative;
		padding: 2em 3em 0 3em;
	}
	
	header.out2{
		transition:none;
		font-size:1em;
	}
	
	header.sp_fixed .slicknav_menu,
	header.other_fixed .slicknav_menu{
		opacity:1;
		pointer-events:auto;
	}
	
	header.sp_fixed .slicknav_btn,
	header.other_fixed .slicknav_btn{
		opacity:1;
	}
	
	.cp_arrows.sp,
	.other_page .cp_arrows.sp{
		display:flex;
	}
	
	header h1,
	header .sight_title{
		font-size:180%;
	}
	
	header.sp_fixed,
	header.other_fixed{
		position:fixed;
		top:0;
		left:0;
		padding:1.2em 2em 1.2em 2em;
	}
	
	header.sp_fixed h1,
	header.other_fixed h1,
	header.sp_fixed .sight_title,
	header.other_fixed .sight_title{
		font-size:140%;
		transition:0.2s;
	}
	
	#main_nav{
		display:none;
	}
	
	header.out2 #main_nav{
		display:none;
	}
	
	.article,
	.ranking{
		width:auto;
		max-width:42em;
	}
	
	.ranking{
		margin:0 auto;
	}
	
	.ranking ul{
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top:2em;
	}
	
	.ranking li{
		width:48%;
		margin-top:2em;
	}
	
	.ranking li:first-child{
		margin-top:2em;
	}
	
	.ranking li:last-child:not(:nth-child(2)):not(:nth-child(4)) {
		margin-left: auto;
		margin-right: auto;
	}
	
	.article .cont_body p{
		font-size:115%;
	}
	
	.ranking ul:before,
	.ranking ul:after{
		content:none;
		display:none;
	}
	
	.ranking .number{
		width:auto;
		max-width:100%;
		height:3em;
	}
	
	.ranking ul p{
		font-size: 130%;
    }
    
    .other_page .cp_arrows{
    	display:none;
    }
    
    .page_nation{
    	margin-bottom:8em;
    }
    
    .to_about_top.sp{
		display:table;
	}
	
	#main_contents{
		padding-top:4em;
	}
	
	.other_page .cover_cont{
		display:block;
		position:relative;
		top:auto;
		height:calc(100% - 9em);
	}
	
	.other_page .category_title{
		top:0;
	}
	
	.other_page .cover_cont .left,
	.other_page .cover_cont .right{
		display:none;
	}
	
	.other_page .cover_cont .center{
		width:100%;
	}
	
	.other_page .category_title{
		position:static;
		height:20vh;
		top:auto;
		max-height:14em;
	}
	
	.category_title_wrap{
		height:45%;
		box-sizing:border-box;
	}
	
	.other_page .cover_pic{
		height:55%;
	}
	
	.p_or_n a{
		font-size:110%;
	}
	
	.single_page #main_nav{
		display:none;
	}
	
	.not_found header{
		position:absolute !important;
		top:0 !important;
		left:0 !important;
	}
	
	.not_found .slicknav_menu{
		opacity: 1;
    	pointer-events: auto;
	}
	
	.not_found .slicknav_btn {
	    margin: 1.2em 1.4em 0 0;
	    transition: none;
	}
	
	.not_found_cont{
		padding-top:7em;
	}
	
	.not_found  .slicknav_btn{
		opacity:1;
	}
	
	.single_page .slicknav_menu{
		opacity:1;
		pointer-events:auto;
	}
}

@media screen and (max-width:829px){
	.article .date{
		position:static;
		border:none;
		border-width:0;
	}
	
	.article .title{
		padding:0;
	}
	
	.article .title:before{
		width:100%;
	}
	
	.article .title:after{
		content:"";
		display:block;
		height:100%;
		width:1px;
		background-color:#d3d3d3;
		position:absolute;
		bottom:0;
		left:9em;
	}
	
	.article .title h2,
	.article .title .article_title{
	    padding: 0 0 0.8em 1em;
	}
	
	.p_or_n{
		box-sizing:border-box;
		width:auto;
		margin:0 4%;
	}
}

@media screen and (max-width:599px){
	
	/*
	.mincho{
		font-family:'ipa';
	}
	*/
	
	.sp_inline{
		display:inline;
	}
	
	.pc_inline{
		display:none;
	}
	
	.pc_block{
		display:none;
	}
	
	.sp_block{
		display:block;
	}
	
	#main_nav{
		display:none;
	}
	
	.sp_cover {
		height:50vh;
	}
	
	.cp_arrows.sp,
	.other_page .cp_arrows.sp{
		display:none;
	}
	
	header{
		padding: 1.5em 2em 0 2em;
		position:absolute;
		bottom:0;
		left:0;
	}
	
	header h1,
	header .sight_title{
		font-size:170%;
	}
	
	#main_contents{
		padding-left:5%;
		padding-right:5%;
	}
	
	.cover{
		height:auto;
		padding-bottom:4em;
	}
	
	.article .date{
		font-size:2vw;
	}
	
	.article .title:after{
		left:19vw;
	}
	
	#to_top{
		right:1.5em;
		bottom:1.5em;
	}
	
	.ranking{
		margin-left:5%;
		margin-right:5%;
	}
	
	.ranking ul p{
		font-size:120%;
	}
	
	.to_about_top.sp{
		font-size: 110%;
	}
	
	#main_contents{
		padding-top:3em;
	}
	
	.single_page #main_contents{
		padding-top:0;
	}
	
	.single_page .article{
		margin-top:1.4em;
		font-size:105%;
	}
	
	header.sp_fixed,
	header.other_fixed{
		bottom:auto;
	}
	
	.category_title_wrap{
		height:25vh;
		padding:2em 0;
	}
	
	.other_page .category_title{
		max-height:100%;
		height:100%;
		max-height:10em;
	}
	
	.other_page .cover_pic{
		height:25vh
	}
	
	.article .cont_body p{
		font-size:106%;
		font-weight:400;
		color:#000000;
	}
	
	.article .cont_body h2{
		margin:3em 0 3em 5%;
	}
	
	.article .cont_body h3{
		margin: 3em 1em;
	}
	
	.p_or_n{
		margin:0 auto 5em auto;
	}
	
	.single_page header{
		bottom:auto;
	}
}

@media screen and (max-width:499px){
	
	.article .title h2,
	.article .title .article_title{
		font-size:150%;
	}
	
	.p_or_n a{
		font-size:90%;
	}
}

@media screen and (max-width:399px){
	.article .title{
		display:block;
	}
	
	.article .title:after{
		display:none;
	}
	
	.article .date .inner{
		margin:0 auto;
	}
	
	.article .date {
        font-size: 0.8em;
        padding-bottom:0.7em;
        border-style: solid;
	    border-width: 0 1px 1px 0;
	    border-color: #d3d3d3;
    }
    
	.article .title h2,
	.article .title .article_title{
		padding: 0.8em 0 0.8em 0;
		/*border-style: solid;
		border-width: 1px 0 0 0;
		border-color:#d3d3d3;*/
    }
    
    #to_top{
		right:0.8em;
		bottom:0.8em;
		width:1.7em;
	}
	
	.ranking ul{
		display:block;
	}
	
	.ranking li{
		width:100%;
		margin-top:4em;
	}
	
	.ranking .number{
		height:4em;
	}
	
	.to_about_top.sp{
		font-size: 100%;
	}
	
	.p_or_n a{
		font-size:90%;
	}
}