/* medium screens -------------------------------- */

/* Container -------------------------------- */

body	{
   background:#00A0E0;
   background:linear-gradient(#00A0E0, #0080C0);
	margin:0;
}
.bgT {
   height:310px;
   display:block;
}
.bgL {
   display:block;
   height:36px;
   margin-top:274px;
   background:#8DD115;
}
.bgR {
   display:block;
   height:36px;
   margin-top:274px;
   background:#4DB1F7;
}

.kopf {
   height:235px;
   margin-top:39px;
}
.logo {
   padding-left:20px;
}
.logo img {
/* //-
   height:64px;
   */
   height: 42px;
}

.mTtl, .mM2, .mFuss {
   display: none;
}
.dTtl {
   display: block;
   padding:21px 0 0 151px;
   padding:46px 0 0 151px;
}
.log {
   left:259px;
   width:466px;
}
#lIn, #lOut {
   right:54px;
   }
#uName p {
   padding:7px 96px 0 0;
}

#cTAH {
   position:absolute;
   left:151px;
   top:54px;
   top:79px;
   width:466px;
   padding:0;
}
#cTAH input {
/* //-

   width:466px;
   */
   width:424px;
}
#nav1 {
   position:absolute;
   left:635px;
   top:77px;
   margin:0;
   width:132px;
}
#nav3 {
   width:466px;
   margin:0 auto 10px auto;
   padding:0;
}
.n3Ed, .n3V1, .n3V2, .n3Ad {
   margin-top:18px;
}
.n3V1 {
   max-width:450px;
}
.n3V2 {
   padding:0;
   margin-right:0;
}
#tPos {
   color:rgba(255,255,255,0.5);
}

#cI0{
   position:absolute;
   left:151px;
   top:120px;
   width:466px;
   margin:0;
}

#cI {
}
.row {
   width:466px;
   margin:0 auto 16px auto;
}
.i2 p, .i3 p, .i2 li, .i3 li {
   padding-right:32px;
}
.i2 {
   padding:0 16px 32px 16px;
   margin-right:0;
}
.i3 p {
   padding-right:20px;
   margin-left:16px;
}
.i1 .mov, .i3 .mov, .i1 .imgC, .i3 .imgC {
   margin-top:20px;
}
ul.dank  {
  padding:0;
}
ul.dank li {
   margin-left:16px;
}
.i1, .i3 {
   color:#fff;
}
.cln.i1, .cln.i2, .cln.i3, .cln.d1, .cln.d2, .cln.d3 {
   min-width:255px;
   max-width:600px;
   width:466px;
   margin:0;
   }
.cln.i1 {
   display: none;
   }
.cln.e1 {
   margin-left:auto;
   margin-right:auto;
   margin:0;
   }


#cD input {
   background-color: #fff;
}

.linkSIKJM img {
   width:150px;
   margin:0;
   padding-right:18px;
}
.social img {
   width:66px;
   margin:0;
   padding-right:18px;
}
img.lImg {
   width:133px;
   padding-right:0px;
}

#nav2 {
   height:60px;
}
.dM2 {
   width:100%;
   max-width:768px;
   display: block;
   margin:0 auto;
}
.dM2 ul  {
  list-style-type: none;
  margin:0;
  padding:0;
}
.dM2 ul li {
   float:left;
   padding:0;
}

.dM2 li  {
   height:36px;
   margin:0;
   text-align:right;
   }
.dM2 li:last-child  {
   text-align:left;
   }
.dM2 li a  {
   padding:12px 12px 4px 0;
   }
.dM2 li:first-child a  {
   padding:12px 12px 4px 10px;
   }
.dM2 li:last-child a  {
   padding:12px 0 4px 12px;
   }

.d21  {
   width:24%;
   background-color:#8DD115;
   }
.d22  {
   width:17%;
   background-color:#FFB00E;
   }
.d23  {
   width:20%;
   background-color:#EE6456;
   }
.d24  {
   width:25%;
   background-color:#9543D7;
   }
.d25  {
   width:14%;
   background-color:#4DB1F7;
   }
.f21  {
   width:22%;
   background-color:#8DD115;
   }
.f22  {
   width:19%;
   background-color:#FFB00E;
   }
.f23  {
   width:20%;
   background-color:#EE6456;
   }
.f24  {
   width:23%;
   background-color:#9543D7;
   }
.f25  {
   width:16%;
   background-color:#4DB1F7;
   }

.dM2 li a {
    display: block;
    text-decoration: none;
    white-space: normal;
    font:0.7rem/150% noto_sansregular, sans-serif;
}
.d21 > li > a, .d22 > li > a, .d23 > li > a, .d24 > li > a, .d25 > li > a, .f21 > li > a, .f22 > li > a, .f23 > li > a, .f24 > li > a, .f25 > li > a {
    display: block;
}

.r1 {
   width:172px;
   padding:11px 0 10px 12px;
   display:block;
}
.r2 {
   float:left;
   width:416px;
}
.r3 {
   float:left;
   margin-top:0;
   padding:11px 0 0 0;
   width:48px;
   text-align:right;
}
.r4 {
   width:124px;
   padding:11px 0 10px 12px;
   display:block;
}
.r5 {
   width:36px;
   padding-top:4px;
   padding-top:0;
   display:block;
}
.beta, .beta img {
   width:150px;
   height:150px;
   }




/* Font -------------------------------- */
h1, h1 a {
   font:1rem/100% noto_sansbold, sans-serif;
   }
   	
#ttl2, #rmk1, #rmk2, #rmk3 {
   color:#fff;
   }
#cI0 p{
   font:0.875rem/150% noto_sansregular, sans-serif;
}
	
.dM2 li a.dS {
   font:0.75rem/100% noto_sansregular, sans-serif;
}

/* Link -------------------------------- */
   
.dank a:link{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
.dank a:visited{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
.dank a:hover{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
.dank a:active{
   text-decoration:none;
   background:transparent;
   color:#000;
   }

.d21 > a:link, .d21 > a:visited, .d21 > a:active {
    background-color: #transparent;
    color: #fff;
}
.d22 > a:link, .d22 > a:visited, .d22 > a:active {
    background-color: #transparent;
    color: #fff;
}
.d23 > a:link, .d23 > a:visited, .d23 > a:active {
    background-color: #transparent;
    color: #fff;
}
.d24 > a:link, .d24 > a:visited, .d24 > a:active {
    background-color: #transparent;
    color: #fff;
}
.d25 > a:link, .d25 > a:visited, .d25 > a:active {
    background-color: #transparent;
    color: #fff;
}
.d21 > li:hover > a, .d21 > a:hover {
    color: #000;
}
.d22 > li:hover > a, .d22 > a:hover {
    color: #000;
}
.d23 > li:hover > a, .d23 > a:hover {
    color: #000;
}
.d24 > li:hover > a, .d24 > a:hover {
    color: #000;
}
.d25 > li:hover > a, .d25 > a:hover {
    color: #000;
}

.f21 > a:link, .f21 > a:visited, .f21 > a:active {
    background-color: #transparent;
    color: #fff;
}
.f22 > a:link, .f22 > a:visited, .f22 > a:active {
    background-color: #transparent;
    color: #fff;
}
.f23 > a:link, .f23 > a:visited, .f23 > a:active {
    background-color: #transparent;
    color: #fff;
}
.f24 > a:link, .f24 > a:visited, .f24 > a:active {
    background-color: #transparent;
    color: #fff;
}
.f25 > a:link, .f25 > a:visited, .f25 > a:active {
    background-color: #transparent;
    color: #fff;
}
.f21 > li:hover > a, .f21 > a:hover {
    color: #000;
}
.f22 > li:hover > a, .f22 > a:hover {
    color: #000;
}
.f23 > li:hover > a, .f23 > a:hover {
    color: #000;
}
.f24 > li:hover > a, .f24 > a:hover {
    color: #000;
}
.f25 > li:hover > a, .f25 > a:hover {
    color: #000;
}
   
#rmk3 a:link{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
#rmk3 a:visited{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }
#rmk3 a:hover{
   text-decoration:none;
   background:transparent;
   color:#000;
   }
#rmk3 a:active{
   text-decoration:none;
   background:transparent;
   color:#ffbf00;
   }

/* display size -------------------------------- */
.sizeXS, .sizeS, .sizeSM, .sizeM, .sizeL{
	display: none;
}
.sizeM{
	display: inline;
}