@charset "UTF-8";
/**** SP TOP CSS (top_sp.css) ****/

*{margin:0;padding:0;font-weight:bold;}
img,hr,table{border:0;}

html,body{width:100%;}

body{
max-width:100%;
overflow-x:hidden;
white-space:normal;
word-break:break-all;
word-wrap:break-word;
word-spacing:0;
letter-spacing:0;
text-wrap:unrestricted;
-webkit-text-size-adjust:100%;}

/** 背景色 **/ 
html{background-color:#ffffff;}
body{background-color:#dd88ff;}
mark{background-color:#ffff00;}
.pink{background-color:#ff1493;}

/** 文字色 **/ 
p{color:#456789;}
.red{color:red;} 
.blue{color:blue;}
.white{color:white;}
.black{color:black;}
.yellow{color:#ffff00;}
.ccf{color:#ccccff;}

/** 横方向 **/
*,.left{text-align:left;}

/** 縦方向 **/
img{vertical-align:bottom;}

/** 文字サイズ **/
body,h5,h6,small,table,input,textarea,select,img,button{
     font-size:17px;}

/** 行高さ **/
body,a,button,input[type="submit"],select{line-height:100%;}
dd,ul li,ol li,blockquote{
line-height:120%;}

/** マージン **/
dt{margin-bottom:2px;}

/** パディング **/
ul,ol{padding:0em 0em 0.5em 2em;}
ul li,ol li{padding:0em 0em 0.7em 0.1em;}
p,dd{padding-left:1em;}
a{padding:12px 0px;}
hr{padding-top:8px;}
.padd_1{padding:3px 1px;}

/** リスト **/
nav li,menu li{list-style-type:none;}
ul li,ol li{list-style-type:square;list-style-position:outside;}

/** OVERFLOW 

{
overflow:auto;}
{
overflow-x:hidden;}
***/

/** ブロック **/
form,textarea,h1,h2,h3,h4,h5,h6,div,p,blockquote,dl,dt,dd,dfn,ver,code,kbd,del,ins,cite,header,footer,article,section,aside,small,div,p,blockquote,hgroup,nav,menu,q,li a,#change a,button{
display:block;}

/** インラインブロック **/
nav li,menu li,input,select,button span{
display:inline-block;}

/** インライン **/
figure,figcaption,time,address,i,mark,addr,dfn,kbd,a{
display:inline;}

/* DECORATION */
li a,#end_line a{text-decoration:none;}
footer a{text-decoration:underline;}

/** float解除 **/
#info_box,#change,li,#se1,#se2{
clear:both;float:none;}

/** フォントファミリー **/
*{font-family:"Hiragino kaku Gothic ProN","ヒラギノ角ゴ ProN w3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,メイリオ,sans-serif;}

.padd_1,#info h2 span,.midasi span,#copyright span{font-family:"arial black","arial",sans-serif;}

#pv{
  font-family:'Comic Sans MS','cursive',monospace;}

input[type="text"]{
  font-family:'cursive','Comic Sans MS',cursive;}

/* TITLE */
#title{background-color:orange;}
#title h1,#mbsrc div{background-color:#ef810f;font-size:125%;line-height:125%;color:#ffff00;padding:6px;text-align:center;
 background:-webkit-gradient(linear,left top,left bottom,from(#ffe10f),to(#c0310f));
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffe10f,EndColorStr=#ffc0310f);zoom:1; background:-moz-linear-gradient(top,#ffe10f,#c0310f);
 background:-ms-linear-gradient(top,#ffe10f,#c0310f);
 background:-o-linear-gradient(#ffe10f,#c0310f);
 background:linear-gradient(#ffe10f,#c0310f);
 text-shadow:
0px 0px #ffff00,
-1px -1px rgba(190,88,0,1)
}
#sp{vertical-align:middle;text-align:right;
background:linear-gradient(orange,#f0f000);
background:-webkit-gradient(linear,left top,left bottom,from(orange),to(#f0f000));}
#sp,#sp figure{font-size:100%;}
#sp addr{display:inline-block;color:#ffffff;width:auto;text-align:center;height:1em;margin:0.6em;}
#sp figure img{font-size:100%;width:auto;max-height:2em;border:1px solid #ff1493;}

#change{background-color:white;}
#change a{
background-color:#ddddee;
color:#1878ff;padding:0.5em 0em;margin:0;text-align:center;}

time{display:block;text-align:center;color:white;}

/*** INFORMATION ***/

#info h2 a,.midasi a{
font-size:125%;line-height:125%;padding:0.5em 0em;text-decoration:none;display:block;}

#info h2 a{
background-color:#9314ff;color:#ffffff;}

#pv{background-color:#bb55ff;text-align:right;color:#ffff00;font-size:100%;
background:linear-gradient(#aa2aff,#bb77ff);
background:-webkit-gradient(linear,left top,left bottom,from(#aa2aff),to(#bb77ff));}
.span_1{display:inline-block;float:left;
height:0;
width:10%;
border-bottom:1.6em solid #dd88ff;
border-right:1em solid transparent;
}

#info_box{text-align:center;}

#info button,#kt_form{width:100%;text-align:center;}
#info button span,#kt_form{padding:0.5em 0em;margin:auto;}

.col_1{width:100%;margin-top:8px;}
.col_1 li{
display:inline-black;
font-size:100%;
text-align:center;
width:25%;
padding:0;}
.col_1 li a,#z_link input[type="submit"]{display:black;
width:96%;text-align:center;border:1px solid #0099cc;padding:0.9em 0em;margin:auto;
background-color:#0099cc;
color:#ffffff;
background:linear-gradient(#b1d2e0,#006699);
background:-webkit-gradient(linear,left top,left bottom,from(#b1d2e0),color-stop(0.03,#b1d2e0),color-stop(0.03,#0099cc),to(#006699));
}
#se1,#se2,#news{
width:94%;text-align:left;height:5em;margin:auto;padding:0.4em;overflow:hidden;color:white;}
#se2,#news{height:auto;}

#news{margin-top:0.5em;}
#news time,#news a{display:inline-block;text-align:left;}
#news h5{background-color:black;font-size:100%;color:#8cfc00;text-align:center;padding:4px 0px;}
#news ul,#news a{padding:0;margin:0;}
#news li{padding:3px 8px;list-style-type:none;}
#news a{color:black;}


/* 見出し */
.midasi a{
background-color:#ff1493;color:#ffff00;}

#end_line{
text-align:right;font-size:100%;line-height:100%;border-top:8px solid #ff00ff;}
#end_line a,#end_line span{
display:inline-block;text-align:center;padding:0.8em 0em;color:#ffff00;background-color:#ff1493;}
#end_line a{width:25%;}
#end_line span{width:50%;}

/* SECTION */

#section_1 nav h1,
#section_1 nav h2,
#section_1 nav h3,
#section_2 nav h1,
#section_2 nav h2,
#section_2 nav h3,
#bbssu{
font-size:125%;line-height:126%;background-color:#ff00ff;
background:linear-gradient(#ff00ff,rgba(255,94,255,0.5));
background:-webkit-gradient(linear,left top,left bottom,from(#ff00ff),to(rgba(255,94,255,0.5)));
padding:3px;margin-bottom:2px;text-align:center;color:#ffffff;}

#bbssu{font-size:100%;line-height:100%;text-align:right;margin:0;padding:1px;}

.wak{background-color:#d8d8d8;margin-bottom:4px;padding-bottom:6px;
box-shadow:0px 0px 1px 1px rgba(255,0,255,1.0)inset;}

section nav li,.wak a{

display:block;}
section nav li{width:98%;margin:auto;padding:2px 0px;}

.wak a,.dt a,.dd a{
text-align:center;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#bbb));
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffbbbbbb);zoom:1;
 background:-moz-linear-gradient(top,#fff,#bbb);
 background:-o-linear-gradient(top,#fff,#bbb);
 background:linear-gradient(#fff,#bbb);
padding:0.9em 0em;text-decoration:none;background-color:#100050;white-space:nowrap;text-shadow:1px 1px 1px #fff;}

#mbsrc input[type="submit"]{width:30%;background:none;color:#ffffff;text-align:center;}
#section_2 input[type="search"],#section_2 input[type="submit"]{
display:inline-block;border:0;outline:none;margin:0;padding:0.9em 0em;line-height:100%;}

#mbsrc form,#z_link{
display:block;width:85%;margin:auto;text-align:center;
box-shadow:
1px 1px 0px 1px rgba(255,255,255,0.5),
-1px -1px 0px 1px rgba(0,0,0,0.4);}
#mbsrc{margin-top:10px;}
#z_link{margin-bottom:10px;}

#mbsrc div{padding:4px;}
#z_link input[type="submit"]{width:100%;}

#mbsrc span{
display:inline-block;
width:70%;
box-shadow:
-1px -1px 1px rgba(31,31,0,0.2),
1px -1px 1px rgba(31,31,0,0.2),
-1px 1px 1px rgba(31,31,0,0.2),
1px 1px 1px rgba(255,255,127,0.2);}

#mbsrc input[type="search"]{display:inline-block;width:100%;}

/*** footer ***/
#footer{
background:linear-gradient(#666666,#080808);
background:-webkit-gradient(linear,left top,left bottom,from(#666666),to(#080808));
background-color:#080808;color:#ffffff;padding:0.5em 1em;margin:12px 3px 0px 3px;}
#footer a,#footer li a{display:inline-block;padding:0;color:white;}

#footer section h1,
#footer section h2,
#footer section h3,
#footer h6{
background-color:black;font-size:100%;color:#ffff00;padding:3px;margin:0.2em 0em;}

.hr{
height:4px;
border-radius:2px;-webkit-border-radius:2px;
box-shadow:
-1px -1px 1px rgba(255,255,255,0.3)inset,
1px 1px 1px rgba(0,0,0,1)inset;
margin:0.5em 0em;}

/* Copyright */
#copyright form{text-align:center;}
#copyright input{width:100%;text-align:center;padding:1px -1px;margin-top:0.5em;border:0;}

#copyright span{
display:block;background-color:orange;padding:2px;text-align:right;font-size:75%;line-height:75%;color:white;margin-bottom:2px;
background:linear-gradient(#f0f000,orange);
background:-webkit-gradient(linear,left top,left bottom,from(#f0f000),to(orange));}

#copyright div{background-color:#ef810f;font-size:125%;line-height:126%;color:#ffff00;text-align:center;padding-bottom:2px;}
/* SHADOW */
.col_1 li a,#info h2 a,.midasi a,#end_line a,#end_line span{
box-shadow:
1px 1px 2px rgba(255,255,255,0.4)inset,
-1px -1px 2px rgba(0,0,0,0.4)inset;}

.wak a,#z_link input[type="submit"],#mbsrc div,.dt a,.dd a{
box-shadow:
1px 1px 1px rgba(190,190,190,0.5)inset,
-1px -1px 1px rgba(0,0,0,0.5)inset;}

.col_1 li a,#info h2 a,.midasi a,#mbsrc input[type="submit"],#z_link input[type="submit"],#end_line a{
text-shadow:0px -1px 1px rgba(0,0,0,0.7),-1px -1px 1px rgba(0,0,0,0.5);}

.col_1 li a{
box-shadow:
1px 1px 0px 1px rgba(255,255,255,0.4),
-1px -1px 0px 1px rgba(0,0,0,0.2);}

#se1,#se2,#news{
box-shadow:
-1px -1px 0px 1px rgba(255,255,255,0.4)inset,
1px 1px 0px 1px rgba(0,0,0,0.3)inset;}
#footer{
box-shadow:
1px 1px 1px rgba(255,255,255,0.4),
-1px -1px 1px rgba(0,0,0,0.6);}

.col_1,#mbsrc,#section_1{
box-shadow:0px -1px 1px rgba(0,0,0,0.2)inset,0px 1px 1px rgba(255,255,255,0.4);margin-bottom:8px;padding-bottom:8px;}

.col_1,#section_1{margin-bottom:0;}

/* RADIUS */
#info h2 a,.midasi a{border-top-right-radius:16px;
-webkit-border-top-right-radius:16px;}

.col_1 li a,#se1,#se2,#news,.wak a,#mbsrc div,#mbsrc form,#z_link,#z_link input[type="submit"],#footer{
border-radius:4px;-webkit-border-radius:4px;}

#mbsrc input[type="submit"]{border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
border-bottom-right-radius:4px;
-webkit-border-bottom-right-radius:4px;}

#mbsrc span,#mbsrc input[type="search"]{border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
border-bottom-left-radius:4px;
-webkit-border-bottom-left-radius:4px;}

#end_line span{border-bottom-left-radius:16px;
-webkit-border-bottom-left-radius:16px;}
/* 変形 */
#info h2 span,.midasi span{display:block;text-align:center;line-height:90%;transform:scaleY(0.8);
-webkit-transform:scale3d(1,0.8,1);}

/** 透過 **/
#change a:before,#change a:after,#change a{
opacity:0.4;filter:alpha(opacity=40);-webkit-filter:"alpha(opacity=40)";-moz-filter:"alpha(opacity=40)";-o-filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";}

/* 擬似 class */
#change a:after{content:"[PR]";float:left;position:relative;left:12px;}

#change a:before,#info h2 span:before,.midasi span:before,.wak a:before,.dt a:before,.dd a:before{content:">";float:right;position:relative;right:16px;}

#change a:after,#change a:before{color:black;}
.wak a:before{color:red;}

#footer li:before,.dd a:before{content:"■";color:black;}
#se2 h5:before{content:"■";color:#7636df;}

li a:link,li a:visited{color:#ffffff;}
.wak a:link,.wak a:visited,footer a:link,footer a:visited{color:#000000;}

/** ModeTable **/

#table{background-color:white;text-align:center;}
#table table{margin:auto;width:auto;}
#table td{width:auto;text-align:center;padding:4px;color:red;vertical-align:middle;}
#table input[type="submit"]{
display:inline-block !important;padding:0;line-height:100%;padding:12px 2px;}