html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, q, small, strong, sub, b, i, dl, dt, dd, ol, ul, li, fieldset, form, tbody, tfoot, thead, tr, th, td, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ul,li {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #999999;
    margin:10px 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
img,img a {
border:none;
}
.clears{clear:both;} 
#wrap, #article, .barwk, .bar { 
	display:block;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}
/*-----------------------------------*/
html{font-size: 62.5%;}
body{
font-family:"Hiragino Kaku Gothic ProN","Meiryo UI",Meiryo,sans-serif;
font-size:12px;font-size:1.2rem;
color:#555;
line-height:1;
}
a:link,a:visited{
color:#00f;
text-decoration:none;
}
a:hover{
color:#f00;
text-decoration:underline;
}
.p2 a:active,
.blogroll-list a:active,
.bar p a:active,
.p2 a:focus,
.blogroll-list a:focus,
.bar p a:focus{
background-color:#ff3;
}
/*--------------------*/
#wrap{
max-width:800px;
margin:0px auto;
}
#article::before{
content: '当サイトは広告を掲載しています';
font-size: 12px;font-size:1.2rem;
}
/*--------------------*/
h1{
margin-left:10px;
font-size:10px;
font-weight:normal;
}
#header a{
color:#000;
text-decoration:none;
}
.h_me1 {
margin:6px 3%;
padding:8px 10px 0 0;
border-top: 1px solid #8ae;
border-bottom: 1px solid #8ae;
font-family:"MS UI Gothic";
} 
.h_me1 ul{
float:right;
color:#f06;
}
.h_me1 li {
float:left;
margin-left:13px;
padding-left:8px;
	position: relative;
}
.h_me1 li::after {
	display: block;
	content: '';
	position: absolute;
	top:4px;
	left:0px;
	width: 3px;
	height: 3px;
background-color:#9ef;
border: 1px solid #06f;
}
.h_me2{
display:none;
} 
/*--------------------------*/
h4{
margin:3px 0 5px 15px;
width:170px; 
padding:1px 0 0px 7px;
background-color:#cdf;
font-family:"Yu Gothic";
color:#006;
font-weight:normal;
}
.gg_k {
} 
.yn2 {
display:none;
} 
/*--------------------------*/
.f_me1 {
display:table;
border-top: 1px solid #bbb;
padding:4px 0 2px 0;
color:#f06;
font-family:"MS UI Gothic";
}
.f_me1 li{
display:inline-block;
margin:3px 5px;
padding-left:7px;
	position: relative;
}
.f_me1 li::after {
	display: block;
	content: '';
	position: absolute;
	top:4px;
	left:0px;
	width: 3px;
	height: 3px;
background-color:#9ef;
border: 1px solid #06f;
}
.f_me2 {
display:none;
}
.f_me{
text-align:center;
margin:0 3%;
border-top:2px solid #abc;
border-bottom:2px solid #abc;
padding:8px 0px;
} 
.f_me li{
display:inline-block;
margin:6px 0;
padding:0 8px;
border-right: 1px solid #c66;
} 
.f_me span{
color:#f00;
background-color: #ff9;
} 
.f_cr {
text-align:center;
margin:14px 0;
color:#999;
font-size:12px;
line-height:1.8;
font-family:"MS UI Gothic";
}
.f_lnk1 a{
color:#036;
font-family:"Comic Sans MS";
}
.f_lnk2 a{
color:#ccc;
font-size:8px;
text-decoration:none;
}
.f_lnk3 a{
color:#fff;
font-size:0px;
}
.ct{
}
.pgu {
display: none;
position: fixed;
bottom:50px;
right:0px;
}
.pgu img{
width:55px;
height:45px;
}
.pgu a {
display: block;
opacity: 0.4;
}
.pgu a:hover {
opacity:0.7;
}
/*----------■-■-■-■-■----------*/
@media screen and (max-width: 700px){
body{
font-size:16px;font-size:1.6rem;
}
.h_me1,
.f_me1,
.yn1{
display:none;
}
.h_me2, 
.yn2{
display:block;
}
.h_me2{
padding-top:2px;
}
.h_me2 h2{
margin:6px 0 -2px 14px;
line-height:1;
font-size:12px;
color:#789;
font-family:Verdana,sans-serif;
}
.h_me2 div{
margin:0 5%;
padding:6px 0 7px;
border-top:1px solid #999;
border-bottom:1px solid #999;
font-family:Sylfaen;
}
.h_me2 span{
color:#f09;
background-color:#ff3;
}
.h_me2 li {
line-height:1;
display:inline-block;
margin:6px;
padding-left:8px;
white-space: nowrap;
	position: relative;
}
.h_me2 li::after {
	display: block;
	content: '';
	position: absolute;
	top:5px;
	left:0px;
	width: 4px;
	height: 4px;
background-color:#0cf;
background: linear-gradient(145deg, #09f, #fff); 
border: 1px solid #00c;
}
.h_me2br{
margin-bottom:8px;
}
h4{
margin:5px 20px;
width:auto;
font-size:14px;font-size:1.4rem;
line-height:1;
padding:6px 0 2px 19px;
border-left:9px double #69c;
	position: relative;
}
h4::after {
	display: block;
	content: '';
	position: absolute;
	top:8px;
	left:8px;
	width: 5px;
	height: 5px;
background-color:#fff;
box-shadow: 0px 0px 4px rgba(0,0,0,0.8);
border:2px solid #00f;
	border-radius: 100%;
}
.meka h4{
margin:5px 12px;
}
.f_me2 {
display: block;
margin:20px 0 10px;
font-size:17px;font-size:1.7rem;
}
.f_me2 li a:link,.f_me2 li a:visited {
display:block;
padding:14px 0 12px 19px;
background-color:#def;
margin-bottom:1px;
font-family:Dotum;
}
.f_me2 li a:active,.f_me2 li a:hover{
display:block;
background-color:#ff0;
text-decoration:none;
}
.f_me2 li span {
display:block;
padding:14px 0 12px 19px;
background-color:#ddd;
color:#666;
margin-bottom:1px;
font-family:Dotum;
}
.f_me2 li {
	position: relative;
}
.f_me2 li::after,
.f_me2 li::before {
	display: block;
	content: '';
	position: absolute;
}
.f_me2 li::after {
	top: 13px;
	right: 17px;
	width: 12px;
	height: 12px;
	border-right: 3px solid #f90;
	border-bottom: 3px solid #f90;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.f_me2 li::before {
	top: 14px;
	left: 9px;
	width: 4px;
	height: 16px;
	background-color: #0cf;
}
.f_me{
text-align:left;
} 
.f_me li{
margin:10px 0;
padding:0 8px;
} 
} 
/*----------------*/
@media screen and (max-width: 500px){
#article::before{
content: '※当サイトは広告を掲載しています';
}
}