@charset "Shift_JIS";

pre, dl, ol, p, blockquote { line-height:130%; }

blockquote { margin-left:32px; }

body,td {
	color:black;
	background-color:#f9f9f9;
	font-family:verdana, arial, helvetica, Sans-Serif;
  margin:0;
	word-wrap: break-word;
}
td {
	background:#fafafa;
}
a:link {
	text-decoration: underline;
}

a {
	color:#0E52C3;
	text-decoration:none;
    line-height:1.8;
}
p{
	margin:0;
	margin-bottom:1em;
}
#header a:hover {
	background-color:rgba(255,255,255,0.3);
    text-decoration:none;
}
@media screen and (min-width: 481px) {
a:hover {
	color:#ff007e;
    text-decoration:underline;
}
}
h1, h2 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:inherit;
	background-color:#DDEEFF;
	padding:.3em 10px;
	border:0px;
	margin:0px -10px 15px;
}

h3 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:#fff;
    background:#999;
    padding:5px;
	margin:0px 0px 15px;
}
h4 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:#ff007e;
	padding:3px;
	margin:0px 0px 15px;
}
h5, h6 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	color:inherit;
	background-color:#DDEEFF;
 	border:0px;
	padding:.3em 10px;
	margin:0px -10px 15px;
}
h5{
    font-size:20px;
}

h1.title {
	font-size: 30px;
	font-weight:bold;
	background-color:transparent;
	padding:0px;
	border: 0px;
	margin: 0px;
    display:inline-block
}
h3{

}
h2,h5{
    color:#fff;
    background-size: 10px 10px;
    background-color: #333;
    background-image: linear-gradient(-45deg,#3f3f3f 25%,transparent 25%,transparent 50%,#3f3f3f 50%,#3f3f3f 75%,transparent 75%,transparent);
}
table{
    width:100%;
}
table td,table th{
    text-align:center;
}
table img{
    max-width:100%;
}

.anchor_super{
    display:none;
}
dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

pre {
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:black;
	background-color:#F0F8FF;
}

img {
	border:none;
	vertical-align:middle;
}

ul {
	margin-top:.5em;
	margin-bottom:.5em;
	line-height:130%;
}

em { font-style:italic; }

strong { font-weight:bold; }

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color:#D0D8E0;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:#E0E8F0;
}
.style_table {
	padding:0px;
	border:0px;
	margin:auto;
	text-align:left;
	color:inherit;
	background-color:#ccd5dd;
}
.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#DEEAF6;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
}

ul.list1 { list-style-type:disc; }
ul.list2 { list-style-type:circle; }
ul.list3 { list-style-type:square; }
ol.list1 { list-style-type:decimal; }
ol.list2 { list-style-type:lower-roman; }
ol.list3 { list-style-type:lower-alpha; }

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.small { font-size:80%; }

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:80%;
	vertical-align:super;
}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:80%;
	vertical-align:super;
}
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------------------------------------------*/
.adsence{
	text-align:center;
}
.main_ad{
	display:flex;
}
.main_ad >div{
	flex:1;
}
.right_ad{
	text-align:right;
}
.left_ad{
	text-align:right;
	margin-right:20px;
}
@media screen and (min-width: 481px) {
	.sp_ad{
		display:none;
	}
}
@media screen and (max-width: 480px) {
	.pc_ad{
		display:none;
	}
}
/*-------------------------------------------------------------*/

div.jumpmenu {
	font-size:80%;
	text-align:right;
}

hr.full_hr {
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
}
hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	border-width:1px 0px;
	text-align:center;
	margin:1em auto 0em auto;
}

span.size1 {
	font-size:xx-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:130%;
	text-indent:0px;
	display:inline;
}

/* html.php/catbody() */
strong.word0 {
	background-color:#FFFF66;
	color:black;
}
strong.word1 {
	background-color:#A0FFFF;
	color:black;
}
strong.word2 {
	background-color:#99FF99;
	color:black;
}
strong.word3 {
	background-color:#FF9999;
	color:black;
}
strong.word4 {
	background-color:#FF66FF;
	color:black;
}
strong.word5 {
	background-color:#880000;
	color:white;
}
strong.word6 {
	background-color:#00AA00;
	color:white;
}
strong.word7 {
	background-color:#886800;
	color:white;
}
strong.word8 {
	background-color:#004699;
	color:white;
}
strong.word9 {
	background-color:#990099;
	color:white;
}

/* html.php/edit_form() */
.edit_form { clear:both; }

/* pukiwiki.skin.php */
div#header {
	padding:0px;
	margin:0px;
}

div#navigator {
	display:none;
}


div#menubar {
	display:none;
}

div#menubar ul {
	margin:0px 0px 0px .5em;
	padding:0px 0px 0px .5em;
}

div#menubar ul li { line-height:110%; }

div#menubar h4 { font-size:110%; }



div#note {
	clear:both;
	padding:0px;
	margin:0px;
}

div#attach {
	display:none;
}

div#toolbar {
        display:none;
}

div#lastmodified {
	font-size:80%;
	padding:0px;
	margin:0px;
}

div#related {
        display:none;
}

div#banner {
	float:right;
	margin-top:24px;
}

div#preview {
	color:inherit;
	background-color:#F5F8FF;
}

img#logo {
	display:none;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}

/* br.inc.php */
br.spacer {}

/* calendar*.inc.php */
.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
span.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* clear.inc.php */
.clear {
	margin:0px;
	clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

/* diff.inc.php */
span.diff_added {
	color:blue;
	background-color:inherit;
}

span.diff_removed {
	color:red;
	background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
	text-align:center;
	width:80%;
	border-style:solid;
	border-color:#333333;
	border-width:1px 0px;
}

/* include.inc.php */
h5.side_label { text-align:center; }

/* navi.inc.php */
ul.navi {
	margin:0px;
	padding:0px;
	text-align:center;
}
li.navi_none {
	display:inline;
	float:none;
}
li.navi_left {
	display:inline;
	float:left;
	text-align:left;
}
li.navi_right {
	display:inline;
	float:right;
	text-align:right;
}

/* new.inc.php */
span.comment_date { font-size:x-small; }
span.new1 {
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* popular.inc.php */
span.counter { font-size:70%; }
ul.popular_list {
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
}

/* ref.inc.php */
div.img_margin {
}

/* vote.inc.php */
td.vote_label {
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1 {
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2 {
	color:inherit;
	background-color:#EEF5FF;
}

div#header{
    border-top:solid 8px #21387E;
    margin-bottom:15px;
}
.head_inner,#haed_nav,.head_edit,#container_out,#footer{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 10px;
    box-sizing: border-box;
}
.head_inner{
    margin:15px auto;
}
.site_logo{
    -webkit-display: flex; /* Safari */
    display:flex;
    -webkit-align-items:top; /* Safari */
    align-items:top;
}
.logo_box{
    width:80px;
}
.logo_box2{
	-webkit-flex: 1;
	flex: 1;
    padding-left:20px;
}
.logo_box2 p{
    margin:0;
    margin-bottom:10px;
}

#haed_nav ul{
    display: -webkit-flex; /* Safari */
    display:flex;
    padding:0;
    margin:0;
    -webkit-flex-wrap: wrap;
    flex-wrap:         wrap;
}
.haed_nav{
    background:rgba(0,0,0,0.5);
}
#haed_nav li{
    box-sizing: border-box;
    list-style:none;
    text-align:center;
    border-left:solid 1px #444;
    border-right:solid 1px #dfdfdf;
    line-height:40px;
}
@media screen and (min-width: 481px) {
#haed_nav li{
    -webkit-flex:1;
    flex:1;
}
}

#haed_nav li a{
    display:block;
    color:#fff;
    line-height:40px;
}

#container{
    display: -webkit-flex; /* Safari */
    display: flex;
}
.menubar{
    margin-bottom:10px;
}


.box{
}
#container img{
    max-width:100%;
    height:auto;
}
.side_left{
    width:250px;
}
.main{
	-webkit-flex: 1;
	flex: 1;
}
.side_right{
    width:320px;
}
.side_right ul,.side_left ul{
    padding:0;
    margin:0 0 10px;
}
.side_right li,.side_left li{
    list-style:none;
}
@media screen and (min-width: 481px) {
.side_right li a:before,.side_left li a:before{
    content:">";
    font-size:90%;
    color:#aaa;
    font-weight:bold;
    margin-right:3px;
}
}
.menubar{
    margin-right:20px;
}
#menubar2{
    margin-left:20px;
}




.menubar,#body,#menubar2{
	padding:0 10px 10px;
    background:#fff;
    margin-bottom:10px;
}

/**/
.edit_zone{
    border-top:solid 1px #444;
    border-bottom:solid 1px #444;
    padding:1em 0;
    margin:1em 0;
}
#login_btn{
    text-align:right;
}
.jumpmenu{
display:none;
}

#sp_menu1{
    display:none;
}
/*comment*/
.noexists a{
    display:none;
}
#footer{
	text-align:center;
}


@media screen and (min-width: 0px) and (max-width: 480px) {
h1.title{
	font-size:24px;
}
a:hover {
	background:#dfdfdf;
}
.logo_box2 p{
    display:none;
}
.head_inner{
    margin:10px 0;
}
.head_inner,.head_edit,#container_out,#footer{
    padding:0;
}
#haed_nav{
    padding:0;
}
#haed_nav li{
    width:calc(100% / 3);
    border-bottom:1px solid #dfdfdf;
}

.side_left,.side_right{
    width:100%;
}
.menubar,#menubar2,#body,#sp_menu1{
    margin:0 0 10px;
    padding:5px;
}
.side_right li a:after,.side_left li a:after{
    content:">";
    color:#aaa;
    font-weight:bold;
    position:absolute;
    right:10px;
}
.side_right li:first-child a,.side_left li:first-child a{
    border-top:solid 1px #aaa;
}
.side_right li a,.side_left li a{
    display:block;
    border-bottom:solid 1px #aaa;
    margin-left:-5px;
    margin-right:-5px;
    padding-left:10px;
    padding-right:10px;
    position:relative;
}

h1,h2,h5,h6{
    margin-left:-5px;
    margin-right:-5px;
}
#menubar1{
    display:none;
}

form input{
    max-width:90%;
}
#sp_menu1{
    display:block;
}
#container{
    display:block;
}
}