/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin: 0; padding: 0; font-weight: normal; font-size: 100%;}

html {color: #333333; background-color: #fff;}

body {font: 13px/1.6 "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; *font-size:small; *font:x-small;}

img{border:0;vertical-align:top;}

ul,ol,dl{text-indent:0;}

li{list-style:none;}

a{text-decoration:none;outline:none;color:#E6002D}

a:hover{text-decoration:underline;}

.clear{clear:both;}

.clearfix{zoom:1;}

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



/* base */





div#all {

    width: 1000px;

    margin: 0 auto;

}



header {

    padding: 20px 0;

    height: 50px;

}



header h1 { 

    font-size: 24px;

    font-weight: bold;
    
    line-height: 50px;

}


header h1 a {

    font-weight: bold;

    color: #333;

}



header h1 a:hover {

    text-decoration: none;

}



div#head ins.adsbygoogle {
    
    display: inline-block;
    
    width: 468px;
    
    height: 60px;
    
}



div#all-content {

    overflow: hidden;
    
    width: 1000px;
    
    display: flex;
    
    justify-content: space-between;

}

.clearfix:after {
    
    display: none;
    
}

#head #adx_head {
	float: right;
}



div#column {

    width: 640px;

    float: left;

    padding: 20px 20px 20px 0;

}



div#column article.entries {

    margin: 0 0 30px;

    padding-bottom: 36px;

    background: #FFF no-repeat center bottom;

}



div#column h1 {

    padding: 8px 54px 4px 14px;

    font-size: 18px;

    font-weight: bold;

    background: #00A384  no-repeat 610px 2px;

    margin-bottom: 10px;

    color: #FFF;

}



div#column h1 a {

    color: #FFF;

}



div#column p.time {

    text-align: right;

    color: #00A384;

    margin: 10px 0;

}



div#column p {

    line-height: 1.8;

    margin: 10px 0;

}



div#navbar {

    width: 300px;

    float: left;

    padding: 20px 0;

}


div#navbar dl {
    
    margin: 0 0 40px 0;
    
}



div#navbar dt  {

    background: #00A384 no-repeat right center;

    padding: 4px 12px 0;

    font-weight: bold;

    font-size: 16px;

	color:#FFF;

}



div#navbar dd {

    margin: 10px 0;
    
    padding: 0 1em;

}



div#navbar dd a {

}



 div#navbar ins.adsbygoogle {
        
    display: inline-block;

    width: 300px;

    height: 250px;
        
}


footer {

    padding: 8px;

    color: #FFF;

    text-align: center;

	background-color:#666;

}



footer * {

    font-weight: bold;

    font-style: normal;

}

div#adx_footer ins.adsbygoogle {
    
    display: inline-block;
    
    width: 728px;
    
    height: 90px;
    
}



section.site {

    margin: 20px 0;

    border-top: 1px dotted #00A384;
    
    padding: 0 1em;

}



section.site h2 {

    margin-top: 20px;

}



div#column section.site p {

    margin: 0;

}



span.adrress {

    display: block;

}



.PNLINK-wrapper {
	
	width: 1000px;
	
	margin: 25px auto 0 auto; 
}



/* Smartphone */

@media screen and (max-width: 767px) {
	
	
	
	div#all {
		
		width: 100vw;
		
	}
	
	
	
	header {
		
		padding: 0;
        
        height: auto;
        
        margin: 40px auto 0;
		
	}
    
    
	
	div#head {
		
        display: flex;
        
        flex-direction: column;
        
        align-items: center;
        
	}
	
	
	
	div#head h1 {
		
		width: 100%;
		
		float: none;
		
		text-align: center;
	}

    

    header h1 {
		
		font-size: clamp(16px, 6.15vw, 24px);

        line-height: 1;
		

    }
    
    
    div#head ins.adsbygoogle {
        
        width: 95vw;
        
        height: 80px;
        
        margin-top: 20px;
        
    }
	
	
	
	div#all-content {
		
		width: 95vw;
		
		margin: 0 auto;
		
		overflow: visible;
        
        flex-direction: column;
        
        justify-content: flex-start;
		
	}

	
	
    div#column,

    div#navbar {

            width: auto;

            float: none;
			
    }
	
	
	
	div#column {
		padding: 20px 0;
	}
	
    
    
    div#column article.entries  {
        
        padding-bottom: 20px;
        
    }
	
	
	div#column h1 {
		
		padding: 8px 15px 4px 15px;
		
		font-size: clamp(14px, 4.62vw, 18px);
		
	}
	
	
	
	.br:before {
		
		content: "\A";
		
		white-space: pre;
		
	}
	
	
	div#column p {
		
		padding: 0 1em;
		
	}
	
	
	
	div#navbar {
		
			width: 95vw;
		
			padding: 0;
			
			margin-bottom: 0;
		
	}
	
	
	
	div#navbar dt {
		
		font-size: clamp(14px, 4.1vw, 16px);
		
	}
	
	
	
	div#navbar dd {
		
		margin: 10px auto;
		
		padding: 0 1em;
		
	}
    
    
    div#navbar ins.adsbygoogle {
        
        width: 80vw;
        
        height: 200px;
        
    }
    
    ul#side_adx {
        
        display: flex;
        
        flex-direction: column;
        
        align-items: center;
        
    }
    
    
    div#adx_footer ins.adsbygoogle {
        
        width: 95vw;
        
        height: 80px;
        
    }
     
	
	
	
	.PNLINK-wrapper {
		
		width: 95vw;
        
        padding: 0 1em;
        
        box-sizing: border-box;
		
	}
	
	
	
}

/*  Tablet  */



@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	
	div#all {
		
		width: 100vw;
	}
    
    
    
    div#head {
        
        display: flex;
        
        justify-content: space-between;
        
        align-items: center;
        
    }
    
    
    div#head ins.adsbygoogle {
        
        width: 44.27vw;
        
        height: 80px;
        
    }
	
	
	
	div#all-content {
		
		width: 100vw;
		
		overflow: visible;
		
		display: flex;
		
		justify-content: space-around;
		
		align-content: flex-start;
		
		padding: 20px 0;
		
	}
	
	
	
	div#column {
		
		width: 60%;
		
		padding: 0;
		
	}
	
	
	
	div#column h1 {
		
		padding: 8px 14px 4px 14px;
		
		font-size: 18px;
		
	}
	
	
	
	div#column p {
		
		padding: 0 1em;
		
	}
	
	
	
	div#navbar {
		
		width: 30%;
		
		float: none;
		
		padding: 0;
		
		margin-bottom: 0;
		
	}
    
    
    div#navbar ins.adsbygoogle {
        
        width: 200px;
    
        height: 220px;
        
    }
	
	
	
	.clearfix:after {
		
		display: none;
		
	}
	
	
	
	.PNLINK-wrapper {
		
		width: 95vw;
		
	}
	
	
}