@charset "Shift_JIS";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, ins, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tr, th, td, article, aside, figure, footer, header, menu, nav, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
#wrap,#header,#article,#footer { 
	display:block;
}
ul,li {
    list-style:none;
}
a {
    margin:0;
    padding: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;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.clears{
clear:both;
} 
/*-----------------------------------*/
html{font-size: 62.5%;}
body{
font-family:"Hiragino Kaku Gothic ProN","MS UI Gothic","MS PGothic",sans-serif;
font-size:12px;font-size:1.2rem;
color:#666;
line-height:1;
}
a:link,
a:visited,
a:active{
color:#00f;
text-decoration:none;
}
a:hover{
color:#f00;
text-decoration:underline;
}
.p2 a:active,
.p2 a:focus,
.bar p a:active,
.bar p a:focus{
background-color:#ff3;
}
/*--------------------*/
#wrap{
max-width:800px;
min-width:300px;
margin:0px auto;
}
#article::before{
content: ' サイト内に広告を掲載しています。 ';
font-size: 12px;font-size:1.2rem;
}
/*--------------------*/
.h_w {
padding-top:8px;
}
.h_ta {
float:left;
padding:0 0 2px 16px;
}
.h_sio {
float:right;
padding:12px 16px 0 0;
color:#339;
font-size:12px;
font-family:"arial black";
}
.h_sio img{
width:13px;
height:13px;
vertical-align:bottom;
}
/*-------*/
@media screen and (max-width:415px){
.h_sio {
padding:0 15px 0 0;
}
}
/*-------*/
h1{
margin:0 0 0 6px;
font-size:10px;
color:#999;
font-family:"Yu Gothic";
}
.h_me1 {
display: table;
width:93%;
margin:0px auto;
border-top: 1px solid #9ac;
border-bottom: 1px solid #9ac;
}
.h_me1 h2{
display: table-cell;
line-height:1;
background-color: #33c;
padding:5px 0 4px 4px;
border-left: 10px solid #00f;
color:#fff;
width:130px;
font-size:12px;font-size:1.2rem;
font-family:"Yu Gothic";
text-shadow: 0px 0px 3px rgba(0,255,255,0.7);
}
.h_me1 span{
display: table-cell;
text-align:right;
vertical-align:middle;
}
.h_me1 a {
margin-left:7px;
padding-left:7px;
border-left: 2px solid #ccc;
}
.h_me1 a:first-child {
border: 0;
padding:0;
margin:0;
}
/*--------------------------*/
.barwk {
display: block;
}
.bar {
width:33.33%;
float:left;
margin:2px 0 6px;
line-height:1.4;
font-size:12px;font-size:1.2rem;
}
.bar p{
padding-left:5px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
	position: relative;
}
.p2{
word-wrap: break-word;
word-break: break-all;
padding:0 5px;
color:#c96;
	position: relative;
}
.bar p::after,
.p2::after{
	display: block;
	content: '';
	position: absolute;
	top:7px;
	left:0px;
	width: 3px;
	height: 3px;
	background-color: #f00;
}
.bar a:link,
.bar a:visited,
.bar a:active{
color:#03c;
font-family:Meiryo;
margin-right:3px;
}
.bar a:hover{
color:#f00;
}
.bar p a.d:link,
.bar p a.d:visited,
.bar p a.d:active{
color:#ccc;
}
h4{
margin:5px 0 5px 15px;
width:170px; 
padding:3px 0 1px 17px;
background-color:#cce;
font-weight: normal;
font-size:12px;font-size:1.2rem;
line-height:1;
color:#000;
font-family:SimSun;
	position: relative;
}
h4::after {
	display: block;
	content: '';
	position: absolute;
	top:5px;
	left:5px;
	width: 5px;
	height: 5px;
border:2px solid #00f;
background-color:#fff;
box-shadow: 0px 0px 4px rgba(0,0,255,0.6);
	border-radius: 10px;
}
.tnk {
font-size:12px;font-size:1.2rem;
font-family:Verdana;
margin:16px 0;
}
.mek{
margin:16px 0;
white-space: normal;
word-break: keep-all;
}
.kijix{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
	position: relative;
}
.naka_titr a:link,
.naka_titr a:visited,
.naka_titr a:active{
color: #333;
}
.tnk_titr a:link,
.tnk_titr a:visited,
.tnk_titr a:active{
color: #666;
}
.tnk table{
width:100%;
}
.tnk table td{
width:33.333%;
text-align:center;
}
.tnk img{
margin:4px 0 2px;
width:55px;
height:30px;
}
.tnk_ond {
font-family:"Meiryo UI";
}
.bar p b{
font-weight: normal;
font-size:10px;
color:#ff99cc;
background-color: #ff9;
}
.gg3{
padding:16px 12px 10px 0;
box-sizing: border-box;
}
.dmm  {
text-align:center;
padding:0 5px;
}
.dmm img {
width:100%;
max-width:300px;
height:auto;
}
/*--------------------------*/
.f_me1 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:10px 0;
font-size:14px;font-size:1.4rem;
color: #f06;
text-align:center;
}
.f_me1 span,
.f_me1 a{
padding:0 9px;
border-right: 2px solid #ccc;
}
.f_me1 a:last-child {
border: 0;
padding:0 0 0 2px;
}
.f_box{
  display: table;
  table-layout: fixed;
  width: 100%;
box-sizing: border-box;
margin-top:16px;
padding-bottom:6px;
border-bottom: 1px solid #ccc;
}
.f_box1 {
width:50%;
display: table-cell;
box-sizing: border-box;
font-size:12px;font-size:1.2rem;
font-family:"MS UI Gothic";
line-height:1.4;
vertical-align:top;
}
.f_box1 div{
margin-top:6px;
text-align:center;
}
.f_box2 {
display: table-cell;
width:50%;
padding-left:20px;
box-sizing: border-box;
vertical-align:top;
}
.f_box2 div{
overflow-x: hidden;
overflow-y: scroll;
width:100%;
height:80px;
line-height:1.7;
color:#666;
}
.f_box2 div li{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}
#f_cr {
padding:12px 0;
text-align:center;
font-size:12px;
color:#666;
word-break: keep-all;
line-height:1.8;
}
.f_cr a{
color:#000;
}
.f_cr a:hover{
text-decoration:none;
color:#09f;
}
.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.8;
}
.h_me2,
.yn2,
.f_me2,
.f_me {
display:none;
}
/*---------------------------------------*/
@media screen and (max-width: 812px) {
#article{
margin:0 6px;
}
.f_box{
padding:0 8px;
}
}
/*----------------*/
@media screen and (max-width: 700px){
body{
font-size:16px;font-size:1.6rem;
}
#article{
margin:0;
}
.bar{
float:none;
width:auto;
margin:0 6px;
line-height:1.7;
}
.bar a:link,
.bar a:visited,
.bar a:active{
font-size:15px;font-size:1.5rem;
}
.p2::after,
.bar p::after {
	top:11px;
}
h1{
margin:0 0 -2px 6%;
}
.h_me1{
display:none;
} 
.h_me2{
display:block;
font-size:16px;font-size:1.6rem;
}
.h_me2 a:link,
.h_me2 a:visited,
.h_me2 a:active,
.bar .h_me2 a:link,
.bar .h_me2 a:visited,
.bar .h_me2 a:active{
font-size:16px;font-size:1.6rem;
color:#00f;
font-family:"MS UI Gothic";
}
.h_me2 a:hover,
.bar .h_me2 a:hover{
color:#f00;
}
.h_me2 h2{
margin:3px 0 -2px 6%;
line-height:1;
font-size:10px;
color:#999;
font-family:"Yu Gothic";
} 
.h_me2 div{
margin:0 5%;
padding:7px 0;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
.h_me2 span {
color:#f00;
background-color:#ff0;
text-shadow: 0 0 1px #f90;
}
.h_me2 b {
border:1px solid;
font-size:88%;
padding:0 2px 0px 3px;
margin-left:5px;
border-radius: 3px;
}
.h_me2 li {
float:left;
line-height:1.8;
margin:0px 5px;
padding-left:10px;
white-space: nowrap;
	position: relative;
}
.h_me2 li::after {
	display: block;
	content: '';
	position: absolute;
	top:12px;
	left:0px;
	width: 5px;
	height: 5px;
background-color:#ff0;
background: linear-gradient(145deg, #f69, #ff9); 
border: 1px solid #f39;
}
h4{
margin:5px 20px;
width:auto;
border-right:15px double #66c; 
}
.tnk,
.mek{
box-sizing: border-box;
margin:15px 0;
background-color:#eee;
padding:15px;
}
.gg3{
padding:16px 0;
}
.f_me1{
display:none;
}
.f_me2 {
display: block;
margin-top:10px;
font-size:17px;font-size:1.7rem;
font-family:"Yu Gothic";
}
.f_me2 li a:link,
.f_me2 li a:visited,
.f_me2 li a:active {
display:block;
padding:14px 0 10px 19px;
background-color:#def;
margin-bottom:1px;
}
.f_me2 li a:hover{
background-color:#ff0;
text-decoration:none;
}
.f_me2 li span {
display:block;
padding:14px 0 10px 19px;
background-color:#ddd;
color:#666;
margin-bottom:1px;
}
.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 #f39;
	border-bottom: 3px solid #f39;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.f_me2 li::before {
	top: 14px;
	left: 9px;
	width: 4px;
	height: 16px;
	background-color: #f66;
}
.f_me{
display: block;
margin:6px 3% 0;
border-top:2px solid #abc;
border-bottom:2px solid #abc;
padding:8px 0px;
} 
.f_me li{
float:left;
margin:6px 0;
padding:0 8px;
border-right: 1px solid #c66;
} 
.f_me span{
color:#f00;
background-color: #ff0;
text-shadow: 0 0 2px #f60;
} 
.f_box {
display: block;
padding:0;
border:0;
}
.f_box1 {
display: block;
width:auto;
padding:12px 15px 10px;
margin:0 20px;
border: 1px solid #999;
line-height:1.2;
}
.f_box1 br{
display: none;
}
.f_box2 {
display: block;
width:100%;
padding:12px 6px 6px 10px;
background-color: #ddd;
margin-top:16px;
} 
.yn2{
display:block;
}
}
/*----------------*/
@media screen and (max-width: 500px){
.bar a:link,
.bar a:visited,
.bar a:active{
font-family:"Hiragino Kaku Gothic ProN","Meiryo UI",Meiryo,sans-serif;
}
}