/* 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:#373C3C}

a:hover{text-decoration:underline;}

.clear{clear:both;}

.clearfix{zoom:1;}

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



/* base */

html {

    background: #FFF;

}



#wrap {

    width: 960px;

    margin: 10px auto;

    background: #FFF;

}



header {

    position: relative;

    height: 104px;

    background: #FFF no-repeat -20px -10px;


}




header h1 {

    position: absolute;

    top: 15px;

    left: 20px;

    font-size: 34px;

}



header h1 a:hover {

    color: #AAA;

    text-decoration: none;

}



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


div#main {

    float: left;

    width: 620px;

}



div#main-inner {

    padding: 10px 20px 20px 0;

}



div#main article {

    margin: 20px 0;

    padding: 10px;

    background: #FFF;

	border:1px solid #CCC;

}



div#main article h1 {

    font-size: 18px;

    margin: 0 0 20px;

    padding: 6px 12px 2px;

    background: #FFF no-repeat 60px 0;

	border:1px solid #CCC;

}



div#main article:nth-child(even) h1 {

}



div#main article h1.even {

}



div#main article p.postdate {

    position: relative;

    top: -10px;

    text-align: right;

    color: #E60020;

}



div#main article div.post p {

    line-height: 1.8;

    margin: 10px 0;

}



div#main article div.post p.continues {

    text-align: right;

    margin-bottom: 0;

}



div#main article div.post p.continues a {

    color: #00A496;

}



div#main article div.post p.continues a:active {

    position: relative;

    top: 1px;

    left: 1px;

}



div#side {

    width: 300px;

    float: right;

    margin: 30px 0;

    padding: 20px 20px 20px;

}



div#side a {

}



div#side a:active {

    position: relative;

    top: 1px;

    left: 1px;

}



div#side div {

    margin-bottom: 20px;

}

div#side h1 {

    padding: 8px 8px 6px;

    font-weight: bold;

    margin-bottom: 6px;

    -webkit-box-shadow: 0px 0px 5px 0px #000;

    -moz-box-shadow: 0px 0px 5px 0px #000;

    box-shadow: 0px 0px 5px 0px #000;

}



div#side div ul li {

    padding: 6px 0 4px;

    border-bottom: 1px solid #CCC;

}



div#side div ul li:nth-child(even) {

    border-bottom: 1px solid #F60;

}



div#side div ul li.even {

    border-bottom: 1px solid #F6AD3C;

}



div#side ins.adsbygoogle {

    display: inline-block;

    width: 300px;

    height: 250px;

}



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



footer {

    border-top: 1px solid #F6AD3C;

    padding: 10px 0;

}



footer address {

    font-style: normal;

}



div#pr-block {

    margin: 20px 0 10px;

}



div#pr-block h2 {

    background: #373C3C;

    padding: 6px 10px;

    margin-bottom: 8px;

}



div#pr-block h2 a {

    color: #FFF;

}



div#pr-block section {

    margin: 10px 0;

}



div#pr-block a {

    color: #00A496;

}



div#pr-block a:active {

    position: relative;

    top: 1px;

    left: 1px;

}



div#rel-block {

    margin: 20px 0 10px;

}



div#rel-block h2 {

    font-weight: bold;

    color: #E60020;

}



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



/* Smartphone */

@media screen and (max-width: 767px) {
	
	#wrap {
		
		width: 100vw;
		
	}
	
	
	
	header h1 {
		
		width: 100vw;
		
		position: static;
		
		text-align: center;
		
		font-size: clamp(16px, 6.15vw, 24px);
		
	}
	
	
	
	div#head {
		
		position: relative;
        
        display: flex;
        
        flex-direction: column;
        
        align-items: center;
		
	}
	
	
    
    
    div#head ins.adsbygoogle {
        
        width: 95vw;
        
        height: 80px;
        
    }

	

    div#main,

    div#side {

        width: auto;

        float: none;
        
    }
	
	
	
	div#main {
		
		width: 90vw;
		
		margin: 20px auto 0;
		
	}
	
	
	
	div#main-inner {
		
		padding: 10px 0 0;
		
	}
	
	
	
	div#side div ul li {
		
		padding: 6px 0 4px 1em;
		
	}
    
    
    
    div#side ins.adsbygoogle {
        
        width: 80vw;
        
        height: 200px;
        
    }
    
    
    
    ul#side-ads {
        
        display: flex;
        
        flex-direction: column;
        
        align-items: center;
        
    }
	
    
    
    #adx_footer ins.adsbygoogle {
        
        width: 95vw;
        
        height: 80px;
        
    }
	
	
	footer {
		
		padding: 70px 0 10px 0;
		
	}
	
	
	
	footer address {
		
		text-align: center;
		
	}
	
	
	
	.PNLINK-wrapper {
		
		width: 95vw;
		
	}

    
    div#mys-content {
        
        width: 100vw;
        
    }
	
	
}

/*  Tablet  */


@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	
	
	#wrap {
		
		width: 100vw;
		
	}
	
	
	
	div#page {
		
		width: 100vw;
		
		display: flex;
		
		justify-content: space-around;
        
        align-content: space-between;
		
	}
	
	
	
	div#main {
		
		width: 60%;
		
	}
	
	
	
	div#main-inner {
		
		padding: 10px 0 20px 0;
		
	}
	
	
	
	div#side {
		
		width: 30%;
		
		padding: 20px 0 0;
        
        display: flex;
        
        flex-direction: column;
        
        justify-content: space-between;
		
	}
	
	
	
	div#side div ul li {
		
		padding: 6px 1em 4px;
		
	}
    
    
    #side-ads1, #side-ads2 {
        
        height: 500px;
        
    }
    
    
    
    div#side ins.adsbygoogle {
        
        width: 100%;
        
        height: 500px;
        
    }
	
	
	
	footer {
		
		width: 95vw;
		
		margin: 0 auto;
		
	}
	
	
	
	.PNLINK-wrapper {
		
		width: 95vw;
		
	}
	
	
	
}


/* for IE */



html .pi {border: 1px solid #CCC;}

html:root .pi{border: none;}