@charset="utf-8"

/*  User Agent Stylesheet 
-reset.css
html5doctor reset.css

-normalized.css
https://necolas.github.io/normalize.css/
 */

/* -------------------------------------------- */
/* ----------------------メインに関するcss---------------------- */

.main-inner{
margin-right:2px;
margin-left:2px;
}


.mainbox{
margin:20px 0px 20px 0px;
width:960px;
height:260px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0fcfa+0,81e2d5+19,81e2d5+38,68d3f9+57,1e5799+99 */
background: url(../img/rogo-mark.gif), url(../img/kobe_line_white.gif), #e0fcfa; /* Old browsers */
background: url(../img/rogo-mark.gif), url(../img/kobe_line_white.gif), -moz-linear-gradient(top,  hsl(176,82%,93%) 0%, hsl(172,63%,70%) 19%, hsl(172,63%,70%) 38%, hsl(196,93%,69%) 57%, hsl(212,67%,36%) 99%); /* FF3.6-15 */
background: url(../img/rogo-mark.gif), url(../img/kobe_line_white.gif), -webkit-linear-gradient(top,  hsl(176,82%,93%) 0%,hsl(172,63%,70%) 19%,hsl(172,63%,70%) 38%,hsl(196,93%,69%) 57%,hsl(212,67%,36%) 99%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/rogo-mark.gif), url(../img/kobe_line_white.gif), linear-gradient(to bottom,  hsl(176,82%,93%) 0%,hsl(172,63%,70%) 19%,hsl(172,63%,70%) 38%,hsl(196,93%,69%) 57%,hsl(212,67%,36%) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0fcfa', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

background-repeat:no-repeat, no-repeat, no-repeat;
background-size: 50px 64px, 960px 146px, 100% 100%;
background-position: 65% 40%, 50% 90% ;/* 最前面の背景レイヤーに対応 */
}


/* ============ウィンドウ幅が601〜960pxの場合に適用するCSS=========== */
@media screen and (min-width:601px) and ( max-width:960px)
 {
 
 .main-inner{
margin-right:4px;
margin-left:4px;
}

 
 .mainbox{
 margin:10px 0px 10px 0px;
 width:100%;
 background-size: 50px 64px, 100% 47%, 100% 100%;
 }
 
 }
 
 
 /* ============ウィンドウ幅が480〜600pxの場合に適用するCSS=========== */
@media screen and (min-width:480px) and ( max-width:600px)
 {

 .main-inner{
margin-right:4px;
margin-left:4px;
}

.mainbox{
margin:8px 0px 8px 0px;
width:100%;
background-size: 40px 51px, 100% 35%, 100% 100%;
 }
 
 
 } 
 
 
 /* ============ウィンドウ幅が0〜479pxの場合に適用するCSS=========== */
@media screen and ( max-width:479px )
{

 .main-inner{
margin-right:4px;
margin-left:4px;
}


.mainbox{
margin:6px 0px 6px 0px;
width:100%;
background-size: 37px 47px, 100% 35%, 100% 100%;
 }


}