@charset "utf-8";

* {
	-webkit-touch-callout: none;
}

body {
-webkit-text-size-adjust: 100%;
    font-family:"メイリオ","ＭＳ Ｐゴシック",Verdana , sans-serif;
    background-color:#fff;
    margin:15px 0px 3px 0px;
    text-align:center;
    color:#000;

    padding:0 10px;
}


#topbanner {margin:0;padding:9;display:none;}

a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:active {color: #f00;}
a:hover {color: #f00;text-decoration:underline;}
form {margin:0px;padding:0px;}
img a {border:0;text-decoration:none;}
h1, h2, h3, h4, b, strong {margin: 0px;padding: 0px;font-weight: bold;
font-size:100%;
}
select {font-size:100%;margin:4px 0px 6px 15px;width: 100%;font-family:verdana,sans-serif;}

.line {margin:30px 0;padding: 0px;border-top: 1px dotted #ccc;clear:both;}
.dotline {margin:0px;padding: 0px;clear:both;border-top: 1px dotted #eee;}
input#check {margin:0px;}
input#searchbox {width:230px !important;}

#container { max-width:800px;} 
#topleft{ width:100%; }
#center { max-width:800px;} 

#right { max-width:800px; 
}

#bottomleft { display:none;width:228px; }
#bottomright{ display:none;width:227px; }



/* body */
#container {
    margin: 0px auto 0px auto;
    text-align:left;
}


/* Clearfiix */
.clearfix:after {
content: “.”;
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* header */
#topleft {
margin:0 auto;text-align:center;
padding:5px 0 0px 0;}

#topleft img {
margin:0 auto 10px auto;
width:350px;
}

.sp-menu {
margin:0px -10px 0 15px;
}
.sp-menu {
width:30px;
height:30px;
float:left;
margin:0 10px 0 15px;}

.sp-menu img {
width:30px !important;
height:30px;

}

.topright {
	background:#eee;
	border-radius:4px;
	padding:15px 0 15px 0;
    font-family:Verdana , sans-serif !important;
    text-align:center;
	font-size:75%;
    color:#000;
}
.topright A:link,
.topright A:visited,
.topright A:active {

    text-decoration: none;
    font-weight: bold;
    color:#111;

}
.topright A:hover {
    color: #f00;
    text-decoration: underline;
}

.topsearch {}

.topmenu  {display:none;}


#search-box input {
height:30px;
}

.gs-text {width:80%}
.gs-btn {
	display:none;
	margin-bottom:7px;
	margin-left:2px;
	height:30px;
}







/* blogbody */

#center {
    border-top:1px solid #eee;
    margin-top:0px;
    /*info.gif 4px*/
	padding:10px 0 20px 0;
}

#content {
    line-height: 160%;
    padding:0;
    float:left;
}

#content img {
    border: 1px solid #fff;
    margin: 5px 10px 0px 0px;
    float:left;
	width:150px;
	height:150px;
	border-radius:4px;
	-webkit-border-radius:4px;
}


#content p {
    padding-right:0px;
    margin:0px;
    font-size:80%;
}

.title {
    font-family:"ＭＳ Ｐゴシック",Verdana , sans-serif;
    margin-top:15px;
    margin-bottom:13px;
}

.title b {
    font-family:Verdana , sans-serif;
    color:#f00;
}

a:link.titletext,
a:active.titletext,
a:visited.titletext {
    font-weight:bold;
        color: #000;

}


.title-small {
    font-family:"ＭＳ Ｐゴシック",Verdana , sans-serif;

    margin-top:15px;
    margin-bottom:15px;
}

.title-small b {
    font-family:Verdana , sans-serif;
    color:#f00;

}

a:link.title-smalltext,
a:active.title-smalltext,
a:visited.title-smalltext {
    font-weight:bold;
    color: #000;

}

.title a:hover,
a:hover.titletext,
.title-small a:hover,
a:hover.title-smalltext {
    text-decoration:underline;
    color: #f00;
    
}

.posted,
.randomnotes 
 {display:none;}
.allread 
{
    text-align: right;
    padding:0px 0px 15px 0px;
    margin:0;
    clear:left;
}

.allread a:link,
.allread a:visited,
.allread a:active,

.randomnotes a:link,
.randomnotes a:visited,
.randomnotes a:active,

.posted a:link,
.posted a:visited,
.posted a:active {
	background:#333;
    color:#fff;
    text-decoration:none !important;
    padding:5px 10px;
    border-radius:2px;
    
}


.allread a:hover,
.randomnotes a:hover,
.posted a:hover {
    background:#f00;
    color:#fff;    
    text-decoration:none !important;
}


.allread,
li.allread {
text-align:right !important;
list-style-type:none !important;
padding-right:7px !important;
margin-top:30px 0 0 0 !important;
}


li.allread a:link, .allread a:visited, .allread a:active { text-decoration:none; border-bottom:1px dotted #ccc;}

.notes {text-align: center;padding: 10px 0px 10px 0px;}
.notes a {text-decoration:underline;}


/*
.randomnotes {
    text-align:right;
    padding-right:0px;
    font-family:verdana,sans-serif;
    text-align:right;
    margin-top:5px;
    margin-bottom:0px;
    clear:left;
}

.randomnotes a {text-decoration:none;}



*/

#middlecontent {

    line-height: 170%;
    padding:0;
    margin:0px;
    float:left;
}

#middlecontent img {
    margin: 5px 10px 0px 0px;
    border:0px;
    float: left;
	width:150px;
	height:150px;    
}
#middlecontent p{
    margin:0px;
    padding-right:0px;
    font-size:80%;
}

#middlecontent li {
    line-height: 150%;
}


.subcontent {

    line-height: 170%;
    padding:0px 10px 5px 10px;
    margin:0px;
    float:left;
}
.subcontent p{
    margin:0px;
    padding-right:0px;
/*    text-align:justify; */
/*    text-justify : inter-ideograph;  */
}
.subcontent img {
    width:80px;
    height:80px;
    margin: 0px 7px 1px 0px;
    border:0px;
    float: left;
}

/* middle links */

.middlebar iframe {
	display:none;
}

.middlebar,.navibar {
	font-size:80%;
    line-height:25px;
    color:#666;
    margin:0 0 0px 0;
    padding:10px 0px 0px 0px;
    font-family:Verdana , sans-serif;
}

.middlebar select {width:100px !important;}

.middlebar b, .navibar b {
    color:#f00;
    text-decoration:none !important;
    border:none !important;
}


.pagebar a:link, .pagebar a:visited , .pagebar a:active,
.navibar a:link, .navibar a:visited , .navibar a:active{
	border:1px solid #000;
	padding:1px;
	color:#000;
	background-color:#fff;
    text-decoration:none !important;
}

.pagebar a:hover,
.navibar a:hover {
	border:1px solid #ddd;
	padding:1px;
	background-color:#f00 !important;
	color:#fff !important;
    text-decoration:underline;
}

.activepage {
	color:#fff;
	font-weight:bold;
	border:1px solid #ddd;
	padding:1px 5px;
	background-color:#111;	
	
}


.pagebar {

    color:#555;
    margin:0;
    text-align:center;
    padding:0px 10px 0px 0px;
    font-family:Verdana , sans-serif;
}


.pages {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
    border:none !important; 
 }


  
/* top bottom links */

#bottomleft {
    float: left;
    padding:10px 5px 0px 0px;
    border-right:1px solid #eee;
}

#bottomright {
    float: left;
    padding:10px 10px 0px 10px;
}

#comment-data {
    float: left;
    overflow:hidden;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #eee;
}




/* FOOTER */
.rights {
    text-align: center;
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #eee;
    font: 70% Verdana , sans-serif;
}


/* misc */


.listcontent b  {
    color:#f00;

    text-decoration:none !important;
}

.listcontent ul {
    padding:0px;
    margin:10px 0px 20px 5px;

}

.listcontent li {
    list-style:none;
    padding-left:7px;
    margin-bottom:4px;
    background-image:url('/x/imagesar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;

    line-height:130%;
}

.listcontent li a:link,
.listcontent li a:visited,
.listcontent li a:active {
    text-decoration:none;
 /*   border-bottom:1px dotted #ccc; */
}

.listcontent a:hover {
    text-decoration:underline;
}


.listarchives {
    padding: 10px 0px 10px 0px;
}

.listarchives b  {
    color:#000;

    text-decoration:none;
}

.listarchives ul {
    padding:0px;
    margin:10px 0px 20px 10px;
}

.listarchives li {
    line-height:120%;
    list-style:none;
    padding-left:7px;
    margin-bottom:3px;
    background-image:url('/x/imagesar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;


    line-height:160%;

}




/* archives */

.i-list {
    font-family:verdana,sans-serif;    
    padding:15px 10px 15px 0px;
    margin-bottom:6px;
    line-height:140%;

    border-bottom:1px solid #eee;
}

.i-list h1 {
    font-family:verdana, sans-serif;
    margin-top:10px;
    padding:0px;
    margin-bottom:5px;
    line-height:0em;

    color:#444;

}

.i-list h3 {
    font-family:verdana, sans-serif;
    margin:0px;
    padding:0px;

    color:#444;
}


.i-list a:link, .i-list a:active, .i-list a:visited {
    text-decoration:underline;
}


.i-list b {color:#d00;}

.i-list ul {
    margin: 0px;
    padding:10px 0px 0px 0px;
}

.i-list li {

    list-style-type: none;
    margin-bottom:0px;
    padding:0 0 0 8px;

    line-height:170%;
    background-image:url('/x/imagesar.png');
    background-repeat:no-repeat;
    background-position:0% 50%;
}



/* individual */

.i-content {
    padding:10px 0px 0px 0px;
    color: #000;
    margin-bottom:6px;
    line-height:160%;
}


.i-content hr {
   margin:10px auto; 
   width:90%;
   border-style: solid;
   height:1px;
   margin-right:20px;
   border-width:1px 0px 0px 0px;
   color:#eee;
}

.i-content h1 {
    font-family:"メイリオ","ＭＳ　Ｐゴシック", verdana,"Trebuchet MS",sans-serif;
    margin:20px 0 30px 0;
    font-size:120%;
	padding-right:30px;

}


.i-content h2, .i-content h3 , .i-content h4 , i-content b{
    color:#f00 !important;
    padding:15px 0 10px 0;

}


.i-content a {
    color:#000033 !important;
    text-decoration:none;
    border-bottom:1px dotted #0000cc !important;
}
.i-content a:hover {
    color:#f00 !important;    
    text-decoration:none;
    border-bottom:1px solid #f00 !important;
    }

.i-content img {
	
    border: 2px solid #fff;
    padding:2px;
    margin: 0px 0px 3px 0px;
    float: left;
	border-radius:9px;
	-webkit-border-radius:9px;        

}

.bigimg { 
float:left !important;
margin: 10px 0px 10px -2px;
padding:0 0 10px 0 !important;
 }

.i-content p {

    padding:0px 0px 15px 0px;
    margin: 0px;
    font-size:95%;

/*    text-align:justify; */
/*    text-justify : inter-ideograph;     */
}

.i-content strong {

    color:#000;
    margin-top:5px;
    margin-bottom:10px;
} 

.i-content b {

    color:#d00;
}


.i-content blockquote {
max-width:800px;
    border:1px solid #ddd;
    padding:8px;
    margin:0px 30px 15px 7px;
/*    line-height:160%; */

    background:#eee;
    -moz-border-radius : 8px;
    line-height :160%;
}

.i-content blockquote p {
    margin:0px !important;
    padding:0px 0px 10px 0px !important;
}


p.app {
    border:1px solid #ddd;

    color:#333;
 
    clear:both;
    margin:0px 0px 15px 0px;
    padding:10px;
    line-height:160%;
    -moz-border-radius : 8px;
/*  text-align:justify; */
/*    text-justify:inter-ideograph; */
}

p.masaca {
	background-color:#fff3f3;
    border:1px solid #ddd;

    color:#333;
    width:450px;
    clear:both;
    margin:0px 0px 15px 0px;
    padding:10px;
    line-height:160%;
    -moz-border-radius : 8px;
/*    text-align:justify; */
/*    text-justify:inter-ideograph; */
}

.masaca img {
border:none !important;
margin-bottom:5px !important;
}



.i-content ul {
    margin: 0px;
    padding:0px 0px 0px 4px;
}

.i-content li {

    list-style-type: none;
    margin-bottom:0px;
    padding:0 0 0 8px;

    line-height:170%;
    background-image:url('/x/imagesar.png');
    background-repeat:no-repeat;
    background-position:0% 50%;
}

.i-misc {
    padding:0px 0px 5px 0px;
    margin-bottom:6px;
    line-height:170%;
    border-bottom:1px solid #eee;
}

.caution {

}

.comments-body {
    padding:8px;
    border-left: 1px solid #eee;
    border-right: 0px solid #eee;
    border-bottom: 1px solid #eee;
    line-height:130%;

    overflow:hidden;
    word-break: break-all;    

}


.comments-post {

    font-weight: normal;
    margin: 0px;
}
.comments-post b {
    color: #444;
}
.comments-body p {
    padding-left: 25px;
}


.comments-body ul {
    margin: 0px;
    padding:0px 0px 0px 4px;
}

.comments-body li {
    list-style-type: none;
    margin-bottom:6px;
    padding-left:8px;
    background-image:url('/x/imagesar.png');
    background-repeat:no-repeat;
    background-position:0% 50%;
}

.comments-body li a {
    text-decoration:none;
/*    border-bottom:1px dotted #ccc; */
}

.comments-body li a:hover {
    text-decoration:none;
    border-bottom:1px solid #f00 !important;
}

.comments-head {
    font-family:verdana,sans-serif;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 0px solid #eee;
    border-bottom: 1px solid #eee;


    margin-top: 8px;
    font-weight: bold;
    padding: 6px;
}

.banner-bottom {
    padding:10px 0px 10px 0px;
    text-align:center;
}

.banner-top {
    padding:10px;
    text-align:center;
    border-bottom:1px solid #eee;
}



.amazon {
    padding:0px;
    margin-top:5px;
    width:300px;
}

.amazon a:link,
.amazon a:active,
.amazon a:visited {text-decoration:none;}
.amazon img {border:0px;}

img#caution {margin:0px; padding:0px;}







.gallery  {
    padding:0 0 0 10px;
}

.gallery img{
    background:#eee !important;
    border:1px solid #ccc !important;
    padding:3px !important;
    margin:0px 5px 6px 0px !important;
    width:80px !important;
    height:80px !important;
    float:left !important;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/x/script/overlay.png); }

* html #overlay{
	background-color: #000;
	back¥ground-color: transparent;
	background-image: url(/x/script/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/x/script/overlay.png", sizingMethod="scale");
}

.big-banner-bottom {
    clear:both;
    padding:5px;
    text-align:center;
    margin:0;
}



/***/


#postdata {
border-top:1px solid #eee;
padding:20px 20px 20px 0;
margin-bottom:15px;
float:left;
width:100%;
}

.postdate {float:left;margin:10px 0;font-size:13px;}
.fb-like {float:right;}

.share-buttons{
float:right;
list-style: none;
}
.share-buttons ul {
	margin:0;
	padding:0;
}

.share-buttons li{
	display: inline;
    background-image:none;
}




/*** sidebar ****/



#right {float: left;padding:15px 0;margin:0;
border-top:1px solid #eee;
}
#right a:link,#right a:visited,#right a:active {text-decoration:none;}
#right a:hover {text-decoration:underline;}


.wdgt {
    padding:10px 0 20px 15px;
    margin-top:0px;
    margin-bottom:0px;
    border-bottom:1px dotted #ccc;
}

.wdgt h4 {
    text-decoration:none; 
    color: #f00;
    padding:10px 0 20px 0;
    text-transform: uppercase;
    border:0px;
    font-size:120%;
}


.wdgt p {margin:0;margin-bottom:5px;}

.wdgt p img {
    border: 1px solid #888;
    margin:0px 8px 2px 0px;
    width:150px;
    height:150px;
    float:left;
}

.wdgt ul { margin:0;padding:0;}

.wdgt li {

    list-style-type: none;
    padding:0 0 0 8px;
    margin:0 0 6px 0;
    background-image:url('/x/imagesar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;
}


.wdgt select {margin-left:0;padding:0;height:30px;} 


.misc { 
text-transform: uppercase; font-family:verdana,sans-serif; 
font-size:80%;
text-align:center;
} 

.misc img { margin-right:2px; margin-bottom:0px; margin-top:2px; }

/*social*/
.social {height:100px;margin-top:30px;width:300px;}
.social-btn {float:left;width:100px;}






/***/

.fblike_box {
float:right;
}

.share-buttons{
float:right;
	list-style: none;
}
.share-buttons ul {
	margin:0;
	padding:0;

}

.share-buttons li{
	display: inline;
    background-image:none;

}

/*
#wdgt-hottopics,
#wdgt-newsheadline,
#wdgt-information,

*/
#wdgt-animalist,
#wdgt-x51enemalist
{
height:200px;
}

#wdgt-x51works img {
width:100px !important;
height:auto !important;
}

#wdgt-x51books  {
text-align:center;
}
#wdgt-x51books img {
margin:0 0 20px 0;
max-width:400px;
}
#wdgt-archivelinks,
#wdgt-amazon,
#wdgt-facebook,
#wdgt-top-banner,
#wdgt-twitter,
#wdgt-x51earth
{
display:none;
}
.sp-adv {
width:100%;
float:left;
padding:20px 0;
text-align:center !important;
float:right;
}
.sp-adv img {

}

.pc-adv {display:none;}




.sidr{
display:none;
position:absolute;
position:fixed;
top:0;
height:100%;
z-index:999999;
width:200px;
overflow-x:none;
overflow-y:auto;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:15px;
background:#333;
color:#fff;
-webkit-box-shadow:inset 0 0 5px 5px #222;
-moz-box-shadow:inset 0 0 5px 5px #222;
box-shadow:inset 0 0 5px 5px #222}

.sidr .sidr-inner{padding:0 0 15px}

.sidr .sidr-inner>p{margin-left:15px;
margin-right:15px}

.sidr.right{left:auto;
right:-200px}

.sidr.left{left:-200px;
right:auto}

.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{
font-weight:normal;
padding:15px 15px;
margin:0 0 5px;
color:#fff;
line-height:24px;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);
background-image:linear-gradient(#4d4d4d,#1a1a1a);
-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}

.sidr p{margin:0 0 12px}
.sidr p a{color:rgba(255,255,255,0.9)}

.sidr>p{margin-left:15px;
margin-right:15px}

.sidr ul{display:block;
margin:0 0 15px;
padding:0;
border-top:1px solid #1a1a1a;
border-bottom:1px solid #4d4d4d}

.sidr ul li{
display:block;
margin:0;
line-height:48px;
border-top:1px solid #4d4d4d;
border-bottom:1px solid #1a1a1a}

.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;
line-height:49px}

.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;
-moz-box-shadow:inset 0 0 15px 3px #222;
box-shadow:inset 0 0 15px 3px #222}

.sidr ul li a,.sidr ul li span{
padding:0 15px;
display:block;
text-decoration:none;
color:#fff}

.sidr ul li ul{border-bottom:none;
margin:0}

.sidr ul li ul li{line-height:40px;
font-size:80%:
}

.sidr ul li ul li:last-child{border-bottom:none}

.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;
line-height:41px}

.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;
-moz-box-shadow:inset 0 0 15px 3px #222;
box-shadow:inset 0 0 15px 3px #222}

.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);
padding-left:30px}

.sidr form{margin:0 15px}

.sidr label{font-size:80%}

.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;
font-size:80%;
padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
border:none;
background:rgba(255,255,255,0.3);
color:rgba(255,255,255,0.9);
display:block;
clear:both}

.sidr input[type=checkbox]{width:auto;
display:inline;
clear:none}

.sidr input[type=button],.sidr input[type=submit]{
color:#333;
background:#fff}

.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

/* Static archive mobile navigation */
#topleft {
position:relative;
}

.topright {
background:transparent;
border-radius:0;
padding:0;
min-height:0;
}

.topsearch {
display:none;
}

.sp-menu {
display:block;
position:absolute;
left:0;
top:14px;
z-index:1000;
width:30px;
height:30px;
float:none;
margin:0;
}

.sp-menu a {
display:block;
width:30px;
height:30px;
}

.sp-menu img {
display:block;
width:30px !important;
height:30px !important;
margin:0 !important;
float:none !important;
}

#sidr,
body.x51-menu-open #sidr {
display:none !important;
left:-9999px !important;
right:auto !important;
visibility:hidden !important;
}

html,
body {
width:100% !important;
overflow-x:hidden !important;
}

body,
body.sidr-open,
body.sidr-left,
body.sidr-right,
body.x51-menu-open {
left:0 !important;
right:auto !important;
transform:none !important;
position:static !important;
}

/* Replace the old mobile panel with the actual sidebar as a drawer. */
#right {
display:none !important;
}

body.x51-menu-open #right {
display:block !important;
position:fixed;
top:0;
left:0;
width:82%;
max-width:320px;
height:100%;
overflow-y:auto;
background:#fff;
z-index:999999;
box-shadow:2px 0 18px rgba(0,0,0,.25);
padding:16px 12px;
box-sizing:border-box;
}

body.x51-menu-open:after {
content:"";
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,.25);
z-index:999998;
}

body.x51-menu-open #right {
z-index:999999;
}

body {
padding:0;
}

#container {
width:100% !important;
max-width:none !important;
box-sizing:border-box;
}

#center {
width:100% !important;
max-width:none !important;
float:none !important;
border-right:0 !important;
box-sizing:border-box;
padding:12px 16px 24px 16px;
font-size:15px;
line-height:1.75;
}

#content,
#middlecontent {
width:100% !important;
float:none !important;
box-sizing:border-box;
line-height:1.75;
}

#content p,
#middlecontent p {
font-size:15px !important;
line-height:1.75;
margin:0;
}

#content img,
#middlecontent img {
width:46vw !important;
max-width:180px !important;
height:auto !important;
aspect-ratio:1 / 1;
object-fit:cover;
margin:4px 14px 10px 0 !important;
}

.title {
font-size:20px !important;
line-height:1.45;
margin:18px 0 16px 0;
}

.title-small {
font-size:18px !important;
line-height:1.5;
margin:24px 0 15px 0;
}

.line {
margin:28px 0 !important;
}

#topleft {
width:100% !important;
box-sizing:border-box;
padding:16px 48px 8px 48px;
}

#topleft > a {
display:block;
text-align:center;
}

#topleft > a > img {
float:none !important;
display:block;
width:240px !important;
max-width:70%;
height:auto !important;
margin:0 auto 10px auto !important;
}

.sp-menu {
display:block !important;
left:14px;
top:22px;
}

.sp-menu img {
display:none !important;
}

.sp-menu a:before,
.sp-menu a:after {
content:"";
display:block;
width:24px;
height:3px;
background:#000;
border-radius:2px;
position:absolute;
left:3px;
}

.sp-menu a {
position:relative;
background:#fff;
border:1px solid #ddd;
border-radius:3px;
box-sizing:border-box;
}

.sp-menu a:before {
top:7px;
box-shadow:0 6px 0 #000;
}

.sp-menu a:after {
top:19px;
}

.sp-site-menu li:nth-child(n+3) {
display:none;
}