/* 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: #666; 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:#333;}

a:hover{text-decoration:underline;}

.clear{clear:both;}

.clearfix{zoom:1;}

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





/* base */

div#page {

    width: 1000px;

    margin: 0 auto;

}



div#head {

    position: relative;

    height: 120px;

    background: #F9F9F9;

}



div#head div#head-inner {


    width: 1000px;

    margin: 0 auto;

    height: 100%;

    background: #FA0 no-repeat 0 0;
    
    display: flex;
    
    justify-content: space-around;
    
    align-items: center;

}



div#head h1 {


    font-size: 32px;

    font-weight: bold;

   /* padding-right: 46px;*/

}



div#head h1 a {

    color: #FFF;

    text-shadow: 1px 1px 3px #CCC;

}



div#head h1 a:hover {

    text-decoration: none;

}



/*#head #adx_head{

	float:right;

	padding:20px 20px 0 0;

}*/

div#head ins.adsbygoogle {
    
    width: 468px;
    
    height: 60px;
    
}



div#head img {

    position: absolute;

    right: 20px;

    bottom: 0px;

}



div#sub-inner {

    padding-right: 20px;

}



div#contentsArea {

    overflow: hidden;

    margin: 20px auto 0 auto;

}



div#mainbox {

    /*width: 640px;*/
    
    width: 700px;

    float: right;

    margin-bottom: 20px;

}



div#mainbox div.article {

    margin: 0 0 20px;

    padding: 10px 20px 10px;

    border-bottom: 1px solid #DDD;

    border-right: 1px solid #DDD;

    background: #F9F9F9 no-repeat 340px -20px;

}



div.article h2 {

    position: relative;

    border-bottom: 5px solid #DDD;

    font-size: 14px;

    text-shadow: 1px 1px 1px #CCC;

}



div.article h2 span {

    position: relative;

    top: 5px;

    display: block;

    float: left;

    border-bottom: 5px solid #FA0;

    font-weight: bold;

    font-size: 14px;

}



div.article p {

    margin: 10px 0;

    line-height: 2;

}



div.article p.post-date {

    font-weight: bold;

    text-align: right;

    margin: 0 -20px 10px;

    padding: 4px 20px 0;

}



div#link {

    margin-bottom: 10px;

}



div#link:before,

div#link:after {content:"";display:table;}

div#link:after{clear:both;}

div#link{zoom:1;}



div#link dl dt {

    float: left;

    margin-right: 6px;

    font-weight: bold;

}



div#sub {

    width: 260px;

    float: left;

}



div#sub div.sub-widget {

    margin-bottom: 20px;

}



div#sub div.sub-widget dl {

    border-top: 5px solid #FA0;

}



div#sub div.sub-widget dl dt {

    font-weight: bold;

    font-size: 14px;

    background: #FFF9D4;

    padding: 4px 1em 2px;

    margin-bottom: 8px;

    margin-top: 2px;

    border-top: 2px solid #FA0;

    border-bottom: 2px solid #FA0;

}



div#sub div.sub-widget dl dd {

    line-height: 1.6;

    font-size: 12px;

    margin: 2px 0;

}



div#sub div.sub-widget dl dd a {

    position: relative;

    display: block;

    text-decoration: none;

    padding: 6px 12px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -o-border-radius: 5px;

    -ms-border-radius: 5px;	

}



div#sub div.sub-widget dl dd a:hover {

    background: #F9F9F9;

}



ul#adx_side li ins.adsbygoogle {
    
    display: inline-block;
    
    width: 200px;
    
    height: 200px;
    
}



div#copy {

    margin: 0 auto;

    border-top: 5px solid #DDD;

}



div#copy address {

    font-style: normal;

    margin: 10px 0;

}



div#copy div#copy-inner {

    position: relative;

    top: -5px;

    width: 1000px;

    margin: 0 auto;

    border-top: 5px solid #FA0;

}



p#pankuzu {

    margin-bottom: 15px;

}



div.post-content {

    padding-bottom: 20px;

}



div.article p.continue {

    font-size: 12px;

    border-top: 1px solid #CCC;

    margin: 0;

    padding-top: 10px;

    text-align: right;

}



div.article p.continue a {

    text-decoration: underline;

}



div.article p.continue a:hover {

    color: #999;

}


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



div.pr-link {

    padding-top: 10px;

    border-top: 1px solid #CCC;

    padding-bottom: 4px;

}



div.pr-link dl dt {

    margin-bottom: 4px;

}



div.pr-link dl dt a {

    font-weight: bold;

}



div.pr-link span.url {

    display: block;

}



div.rel {

    padding-top: 10px;

    border-top: 1px solid #CCC;

}



div.rel h3 {

    float: left;

    margin-bottom: 6px;

    line-height: 1.2;

    font-weight: bold;

    display: inline;

}



div.rel p {

    clear: both;

    margin: 0;

    padding: 0;

}



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



/* Smartphone */

@media screen and (max-width: 767px) {
    
    
    
    div#head {
        
        height: 100px;
        
    }
	
	
	
	div#head h1 {
		
		font-size: 28px;
		
		width: 240px;
        
        /*margin-bottom: 15px;*/
		
        text-align: center;
		
	}
	
	
	
	div#head div#head-inner {
		
		width: 100%;
		
		/*height: 180px;*/
        
        height: 100px;
		
		margin-bottom: 50px;
        
        flex-direction: column;
        
        justify-content: center;
        
        position: relative;
        
		
	}
    
    
    
    div#adx_head {
        
        position: absolute;
        
        top: 130px;
        
        width: 90vw;
        
        right: 0;
        
        left: 0;
        
        margin: auto;
        
    }
	
    
    
    div#head ins.adsbygoogle {
        
        width: 90vw;
        
        margin-top: 20px;
        
    }
	
	
	
	div#page {
		
		width: 100vw;
		
	}
	
	

	div#contentsArea {
		
		margin: 80px auto 0 auto;
		
	}
	
	

    div#mainbox {

        width: 100%;

        float: none;

        border-left: none;
        
        margin-top: 40px;

    }

    

    div#mainbox-inner {

        width: 95%;
		
		margin: 0 auto;

    }



    div#sub {

        width: 100%;

        float: none;

        border-right: none;

    }
	


    div#sub-inner {

        width: 95%;
		
		margin: 0 auto;
		
		padding: 0;

    }
	
	
	
	div#sub div.sub-widget dl dt {
		
		padding: 4px 1em 2px;
		
	}
	
	
	
	div#sub div.sub-widget dl dd a {
		
		padding: 6px 1em 12px;
		
	}
    
    
    ul#adx_side {
        
        display: flex;
        
        flex-direction: column;
        
        align-items: center;
        
        
    }
    
    ul#adx_side li {
        
        width: 70vw;
        
    }
    
    
    ul#adx_side li ins.adsbygoogle {
        
        width: 70vw;
        
        
    }
	
    
    
    div#adx_footer ins.adsbygoogle {
        
        width: 95vw;
        
        height: 80px;
        
    }
	
	
	.PNLINK-wrapper {
		
		width: 95vw;
        
        padding: 0 1em;
        
        box-sizing: border-box;
		
	}
	
	
	
	div#copy div#copy-inner {
		
		width: 100vw;
		
		text-align: center;
		
	}
	
	
	
}

/*  Tablet  */



@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	
	
	div#head div#head-inner {
		
		width: 100vw;
		
	}
	
    
    
    div#adx_head ins.adsbygoogle {
        
        width: 39.06vw;
        
    }
	
	
	div#page {
		
		width: 100vw;
		
	}
	
	
	
	div#contentsArea {
		
		display: flex;
		
		justify-content: space-around;
		
		flex-direction: row-reverse;
		
	}
	
	
	
	div#mainbox {
		
		width: 60%;
		
	}
	
	
	
	div#sub {
		
		width: 30%;
		
	}
	
	
	
	div#sub div.sub-widget dl dt {
		
		padding: 4px 1em 2px;
		
	}
	
	
	
	div#sub div.sub-widget dl dd a {
		
		padding: 6px 1em;
		
	}
	
	
	
	.clearfix:after {
		
		display: none;
		
	}
	
	
	
	.PNLINK-wrapper {
		
		width: 95vw;
		
	}
	
	
	
	div#copy {
		
		width: 95vw;
		
	}
	
	
	div#copy div#copy-inner {
		
		width: inherit;
		
	}
	
	
	
	div#copy address {
		
		margin: 10px auto;
		
	}
	
	
}