@charset "Shift_JIS";
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, em, img, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ul, li, form, article, details, footer, header, menu, nav, section {margin:0;padding:0;border:0;outline:0;
}
header, article, #sectionwk, #section, nav, footer, clearfix {display:block;}
ul,li {list-style:none;margin:0;padding:0;border:0;outline:0;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block;height:0;border:0;border-top:1px dashed #9ad;margin:12px 0;padding:0;}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.clears{clear:both;} 
/*-----------------------------------*/
html{font-size: 62.5%;}
body{
font-family:"Hiragino Kaku Gothic ProN",Meiryo,"Yu Gothic","MS PGothic",Osaka,sans-serif;
font-size:12px;font-size:1.2rem;
color:#222;
line-height:1.4;
}
a:link,a:visited,a:active{
color:#03e;
text-decoration:none;
}
a:hover{
color:#f00;
}
/*-----------------*/
.wk,
.h_w,
#contents,
.f_ra{
max-width:1000px; 
margin:0px auto;
}
/*-----------------*/
.h_wwk{
background-color:#e9f6ff;
font-size:12px;
height:50px;
}
.h_t{
float:left;
}
.h_t img{
width:272px;
height:37px;
margin-top:8px;
}
.h_s{
float:right;
padding-top:5px
}
h1{
width:240px;
font-size:6px;font-size:.6rem;
line-height:1;
color:#abc;
text-align:right;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
input {
border:1px solid #9cc;
line-height:1;
height:32px;
padding:0 6px;
vertical-align:middle;
box-sizing: border-box;
}
input[type=text] {
width:230px;
background:transparent;
}
input[type=submit]{
background: linear-gradient(#9cf, #cec); 
color: #069;
}
input:hover,
select:hover{
border:1px solid #f90;
}
.pgd{
display:none;
}
/*-----------------*/
#r_bar{
float:right;
width:25%;
margin-left:2%;
padding-top:16px;
}
.ulwk{
padding:3px;
border:1px solid #abc;
margin-bottom:20px;
}
#r_bar h3{
padding:8px 0 1px 10px;
font-size:18px;
line-height:1;
color:#339;
border-bottom:3px solid #cde;
}
ul{
padding:1px 4px 10px;
  box-shadow: 0px -8px 8px -8px rgba(100,100,100,0.6);
  -webkit-box-shadow: 0px -8px 8px -8px rgba(100,100,100,0.6);
  -moz-box-shadow: 0px -8px 8px -8px rgba(100,100,100,0.6);
}
.ra2{
width:100%;
display:block;
padding:10px 0;
border-bottom:1px dashed #bcd;
}
.ra1,
.ra2,
.pura1{
color:#999;
}
.ra2:last-child,
.pust:last-child{
border:0;
}
.ra2_im{
width:50%;
float:left;
text-align:center;
}
.ra2_im img{
width:83%;
margin:8px 0;
border:1px solid #ccc;
}
.ra2 b{
color:#f00;
font-size:16px;
font-weight:bold;
}
.ra2_pr .pr2{
color:#f00;
font-size:16px;
font-weight:bold;
}
.pust{
border-bottom:1px dashed #bcd;
padding:10px 0;
text-align:center;
}
.pust img{
width:70%;
width:70%;
padding:5%;
border:1px dotted #ccc;
}
.pust_pr .pr2{
color:#f00;
font-size:18px;font-size:1.8rem;
font-weight:bold;
}
.n_ba,
.r_ba{
margin:12px 0;
}
.n_ba img,
.s_ba img,
.r_ba img{
width:100%;
}
.ra1_pr a,
.ra1_pr i,
.ra2_pr a,
.ra2_pr i,
.pura1_pr a,
.pura1_pr i,
.pust_pr a,
.pust_pr i,
.pr1,
.pr3,
.pr4,
.pr5{
font-size:0px;
display:none;
}
.yn2{
display:none;
}
/*-----------------*/
#sectionwk{
float:right;
width:73%;
margin-left:-200px;
}
#section{
margin-left:220px;
}
#section ul{
margin-bottom:20px;
padding:2px 0;
}
#section h3{
font-size:18px;
line-height:1;
border-bottom:1px solid #ccc;
padding:0 0 0 15px;
}
.s_h3{
font-size:16px;
line-height:1;
border-bottom:2px solid #ccc;
font-weight:bold;
}
.s_b1{
position: relative;
border:6px solid #def;
}
.s_b1 img{
width:100%;
opacity: 0.7;
}
.k18{
position:absolute;
top:38%;
right:0px;
text-align:center;
font-size:12px;
color:#fff;
padding:3px 6px;
text-shadow: 0px 0px 4px #00f;
background: rgba(200,227,255,0.6);
}
.s_tx1{
margin:15px 0;
padding:10px;
background-color:#f6f3f6;
}
.s_tx2{
font-size:12px;
border:1px dashed #ccc;
padding:10px;
}
.ra1{
float:left;
box-sizing: border-box;
width:31.333%;
height:250px;
border:1px dotted #999;
margin:1%;
padding:2%;
overflow:hidden;
}
.ra1 img{
width:100%;
}
.ra1 img,
.ra2_im img,
.pura1 img,
.pust img{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.ra1 a:hover img,
.ra2_im a:hover img,
.pura1 a:hover img,
.pust a:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
box-shadow: 0px 0px 5px rgba(255,0,0,0.3);
}
.ra1_tx{
height:40px;
overflow:hidden;
font-size:12px;
}
.ra1_tx b{
color:#f0f;
font-size:16px;
}
.ra1_tx span{
margin-left:5px; 
}
.pura1{
float:left;
box-sizing: border-box;
width:31.333%;
height:250px;
padding:2%;
margin:1%;
border:1px dotted #669;
overflow:hidden;
}
.pura1 img{
width:100%;
}
.pura1_tx{
height:35px;
overflow:hidden;
}
.ra1_pr .pr2,
.pura1_pr .pr2{
color:#f00;
font-size:16px;
font-weight:bold;
}
.rss{
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
border-bottom:1px dashed #ccc;
padding:5px 0;
}
.rss span{
color:#000;
margin-right:6px;
}
/*-----------------*/
#nav{
width:200px;
float:left;
padding-top:16px;
}
#nav h3{
padding:5px 0 0 10px;
border-bottom:1px solid #cde;
}
#nav li a:link,
#nav li a:visited,
#nav li a:active{
padding:8px 0 7px 10px;
display:block;
border-bottom:1px solid #ccc;
}
#nav li a:hover{
border-bottom:1px solid #f00;
}
/*- ƒJƒŒƒ“ƒ_ -*/
.n_cl{
text-align:center;
margin:20px 0;
padding:10px;
background-color:#def;
font-size:12px;
}
.t_main,
.t_sub{
width:100%;
}
.t_sub TD{
    padding:2px 5px;
}
.month{
color: #09f;
}
.sun{ color: #FF0000; }
.sat{ color: #0000FF; }
.nor{ color: #000000; }
.emp{ color: #AAAAAA; }
#Today{ background-color: #ffff00; }
/*-----------------*/
#footer{
clear:both;
}
.f_bn{
text-align:center;
margin:-10px 0 12px;
}
.f_bn img{
text-align:center;
max-width:100%;
}
.f_ra{
border-top:1px solid #bcd;
border-bottom:1px solid #bcd;
padding:10px 0;
}
.f_ra h3{
font-size:20px;
color: #369;
}
.f_ra1{
float:left;
width:25%;
padding:16px 0 10px;
text-align:center;
background-color:#bff;
box-shadow: 10px 8px 10px 10px rgba(0,185,255,0.4) inset; 
border-radius: 80% 30% 50% 50%/50%;
mix-blend-mode:multiply;
font-size:12px;
line-height:1.1;
box-sizing: border-box;
}
.f_ra2{
display: inline-block;
position:relative;
}
.f_ra2 img{
width:150px;
height:142px;
box-shadow:0px 0px 3px rgba(0, 0, 0, 0.5);
border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}
.f_ra3{
position:absolute;top:-10px;left:-10px;
width:50px;
background-color: rgba(0,160,205,0.5);
border-radius: 80% 30% 50% 50%/50%;
padding:6px;
color:#fff;
}
.f_ra4{
position:absolute;bottom:0px;left:0px;
background-color: rgba(0,0,0,0.5);
border-radius: 0 0 3em .7em/0 0 .8em 3em; 
overflow: hidden;
box-sizing: border-box;
width:100%;
height:32px;
padding:4px 5px 0;
font-weight:bold;
}
.f_ra4 span{
display: inline-block;
color:#ff0;
background-color:#600;
font-weight: normal;
margin-right:6px;
padding:0 4px;
line-height:1.1;
}
.f_ra1 a:link,.f_ra1 a:visited,.f_ra1 a:active {
color:#fff;
}
.f_ra1 a:hover{
color:#ff0;
}
.f_me{
background-color:#e6eef6;
padding:10px 0 8px;
margin-top:10px;
}
.f_me p{
float:left;
width:20%;
box-sizing: border-box;
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
padding:5px 0 5px 12px;
	position: relative;
}
.f_me p::after {
	display: block;
	content: '';
	position: absolute;
	top:10px;
	left:0px;
	width: 5px;
	height: 5px;
background: linear-gradient(145deg, #00c, #0ff);
border: 1px solid #00c;
box-shadow:1px 1px 0px 0px rgba(0, 0, 200, 0.8);
}
.pgu {
display: none;
position: fixed;
bottom:50px;
right:1px;
}
.pgu img{
width:55px;
height:45px;
}
.pgu a {
display: block;
opacity: 0.6;
}
.pgu a:hover {
opacity:1;
}
.f_cr{
text-align:center;
background-color:#bfc9d6;
font-size:12px;font-size:1.2rem;
color:#666;
padding:18px 0 10px;
font-family:"MS PGothic",Osaka,sans-serif;
}
.f_cr a{
color:#666;
}
.f_cr b{
margin-right:-3px;
}
.f_lnk1 a{
color:#666;
}
.f_lnk2 a{
color:#999;
}
/*---------------------------------------*/
@media screen and (max-width:1020px) {
.wk,
.h_w,
#contents{
margin:0px 10px;
width:auto;
}
.h_wwk{
background-color:#e9f6ff;
}
}
/*-------*/
@media screen and (max-width: 900px) {
body{
font-size:16px;font-size:1.6rem;
}
.stm{
font-size:12.5px;font-size:1.25rem;
}
#r_bar,
.cr2{
display:none;
}
#sectionwk{
width:100%;
}
}
/*--------*/
@media screen and (max-width: 800px) {
.f_ra1{
width:50%;
}
}
/*--------*/
@media screen and (max-width: 700px) {
.f_ra2{
width:72%;
}
.f_ra2 img{
width:100%;
height:auto;
}
.f_me p{
display:inline-block;
float:none;
width:auto;
margin:0px 8px;
}
}
/*--------*/
@media screen and (max-width: 600px) {
.h_wwk{
height:auto;
padding-bottom:3px;
}
.h_t{
float:none;
}
.h_s{
float:none;
text-align:center;
margin-top:-6px;
}
input[type=submit]{
padding:0 20px;
}
.h_s input[type=text] {
width:77%;
}
.pgd{
position:absolute;top:8px;right:2px;
display:inline-block;
line-height:1;
}
.pgd a{
font-size:24px;
color:#9cf;
border:1px solid #9cf;
background-color:#def;
border-radius:5px;
padding:0 14px;
opacity: 0.6;
}
.pgd a:hover {
color:#6cf;
border:1px solid #6cf;
background-color:#dff;
opacity: 0.9;
}

h1,
#sectionwk,
#section,
.n_cl,
.yn1{
display:none;
}
.yn2{
display:inline;
}
#nav{
width:100%;
float:none;
padding-top:4px;
margin-bottom:-30px;
}
#nav h3{
padding:4px 0 0 28px;
background-color:#7bf;
background: linear-gradient(#9ef, #39f);
color:#fff;
  box-shadow: 0px -6px 3px -3px rgba(100,100,105,0.4) inset;
  -webkit-box-shadow: 0px -6px 3px -3px rgba(100,100,105,0.4) inset;
  -moz-box-shadow: 0px -6px 3px -3px rgba(100,100,105,0.4) inset;
	position: relative;
}
#nav h3::after {
	display: block;
	content: '';
	position: absolute;
	top:8px;
	left:10px;
	width: 9px;
	height: 9px;
background: linear-gradient(145deg, #999, #fff);
border: 1px solid #666;
}
#nav li a:link,
#nav li a:visited,
#nav li a:active{
padding:9px 0 7px 28px;
}
#nav li{
	position: relative;
}
#nav li::after {
	display: block;
	content: '';
	position: absolute;
	top:14px;
	left:10px;
	width: 6px;
	height: 6px;
background: linear-gradient(#f93, #fff);
border: 1px solid #999;
box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}
.yn2 ul{
padding:10px 0;
}
#nav .yn2 h3{
background:none;
margin-top:5px;
color:#09f;
border-bottom:1px solid #9cf;
}
.ra1{
width:48%;
height:220px;
border:1px dashed #9ab;
}
.ra1 img{
width:135px;
}
.k18_2{
text-align:center;
color:#f00;
font-size:12px;
line-height:1.2;
}
.f_tx{
margin-top:17px;
color:#567;
padding:18px 20px;
background-color:#def;
font-size:12px;font-size:1.2rem;
opacity: 0.8;
}
}
/*--------*/
@media screen and (max-width:370px) {
.ra1 img{
width:100%;
}
}
/*--------*/
@media screen and (max-width: 320px) {
.h_t img{
max-width:100%; 
}
}