formtest p{
white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

formbox{float: left;
}

formtest form { width: 25%; 
height:200px; 
padding:0px;
margin:0px;
overflow: hidden;}


.topwrapper {height:350px;
width:100%;
  background: #000000;
position: relative;
}

@media screen and (min-width: 1920px) {
.topwrapperin {height:350px;
width:1920px;
position: absolute;
top:0;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
text-align:center;
}}

@media screen and (max-width: 1920px) {
.topwrapperin {height:350px;
width:100%;
position: absolute;
top:0;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
text-align:center;
}}

.topcontainer{
margin:0 auto;
height:350px;
width:100%;
}

.topcontainer img{
height:350px;
object-fit: none;
}

#ranking fixed {
    width:100%;
    table-layout: fixed;
}


.footerpc{cursor:default !important;}

@media screen and (min-width: 900px){
p.base{
  height: 60px;
  background: #FFFFFF;
 margin: 0px;
margin-bottom: 0px;
text-align:center;
}}

@media screen and (min-width: 900px){
topbanner
{ background: #FFFFFF;
z-index:1;
left: 0;
width: 100%;
height: 60px;
margin-top: -60px;
position: absolute;
text-align:center;}}

@media screen and (min-width: 900px){
topbanner p
{position: relative;
width: 100%;
height: 40px;
z-index:2;
background: none;
max-width: none;}}


@media screen and (max-width: 900px){
p.base{ display: none !important; }}

@media screen and (max-width: 900px){
topbanner
{ display: none !important; }}

@media screen and (min-width: 900px){
.topbanner900{ display: none !important; }}

@media screen and (min-width: 900px){
.topbanner900  img
{width:100%;
vertical-align:middle;}}

@media screen and (max-width: 900px){
.topbanner900
{width: 100%;}}

@media screen and (max-width: 900px){
.topbanner900  img
{width:100%;
vertical-align:middle;}}


ul2 li{list-style: none;
line-height: 2.5;
border-bottom: dashed 0.7px #92a8b5;
margin:0px;
padding: 0.8px 0px;
display: table;}

obi{border-radius: 5px;
color: #FFFFFF;
 background-color: #003765}

sche{margin: 0px auto;
  padding: 0px;
max-width: 1216px;  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}

sns ul{
  list-style-type: none;
  text-align:center}

sns ul li { 
  display: inline-block;
  height: 75px;
  width: 75px;
  padding: 0px;
  margin: 0px;
}

}
sizemax{width: 100%;}

ul{margin top:0px;
  padding:0px;
 padding-bottom:0}

ul2 li{list-style: none;
line-height: 1.75;
border-bottom: dashed 0.7px #92a8b5;
margin:0px;
padding: 0.8px 0px;
 display: table;}

mikadocartpos {align-self: center;}

div.mikadocart {width:40px; height:40px;
margin:0px; padding:10px;border:0px solid none;
background: url('https://mikados23.itembox.cloud/item/tameshika-to.jpg');
background-size: cover;
position: relative;
}

.fs-p-drawer-pc2 {
  background: #ffffff;
  box-shadow: 1px 1px 5px #b2b2b2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 24px;
  transform: translateX(-101%);
  z-index: 2;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: linear;
  transition-delay: 0s;
}


@media screen and (min-width: 1200px){
 .fs-p-drawer-pc2 {
    box-shadow: none;
    position: relative;
    transform: translateX(0);} }

.fs-p-drawer-pc2__loginLogout, .fs-p-drawer-pc2__welcomeMsg {
    display: none;}


.fs-p-ctrlDrawer:checked +  .fs-p-drawer-pc2 {
  transform: translateX(0);
}

.fs-p-drawerButton {
  cursor: pointer;
  display: inline-block;
  padding: 8px;
}

.fs-p-drawerButton__icon {
  font-size: 2.8rem;
}

.fs-p-drawerButton__label {
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
  .fs-p-drawerButton {display: none;}}




roll a:hover  {opacity: 0.5;}

.pc { display: block !important; }
.sp { display: none !important; }

#youtube {
 position: relative;
 width: 100%;}

#youtube iframe {
  position: absolute;
  left: 50%;
  top: 20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  width:55% !important;
  height:28% !important;}

#movie video{
  position: absolute;
  left: 50%;
  top: 60%;
    transform: translate(0%, 0%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(0%, 0%);
  width:55% !important;
  height:28% !important;}