/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
#top_bannermenu img {
  width: 100%!important;
  height: auto!important;
  display: block!important;
}

/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

#top_bannermenu {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 5%;
  margin:0 auto;
}
#top_bannermenu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#top_bannermenu ul {
  width: 100%;
  height: auto;
  display: flex!important;
  flex-wrap: wrap!important;
}
#top_bannermenu ul li {
  width:23%;
  height: auto;
  display: block;
  margin:0 1% 2%;
  box-shadow:0px 5px 10px rgba(0,0,0,0.15);
}
#top_bannermenu ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  transition: 0.4s all;
}
#top_bannermenu ul li a:hover {
opacity: 0.5;
}

#stocktitle {
width: 100%;
height: auto;
display: block;
}
#stocktitle h2 {
color:#7f7440;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:20px;
line-height:1.5;
letter-spacing:1px;
order:1;
}
#stocktitle p {
margin-bottom:20px;
font-size:11px;
line-height:1.5;
order:2;
}

}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

#top_bannermenu {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 5%;
  margin:0 auto;
}
#top_bannermenu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#top_bannermenu ul {
  width: 100%;
  height: auto;
  display: flex!important;
  flex-wrap: wrap!important;
}
#top_bannermenu ul li {
  width:30.33333333333%;
  height: auto;
  display: block;
  margin:0 1.5% 3%;
  box-shadow:0px 5px 10px rgba(0,0,0,0.15);
}
#top_bannermenu ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  transition: 0.4s all;
}
#top_bannermenu ul li a:hover {
opacity: 0.5;
}

#stocktitle {
width: 100%;
height: auto;
display: block;
}
#stocktitle h2 {
color:#7f7440;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:20px;
line-height:1.5;
letter-spacing:1px;
order:1;
}
#stocktitle p {
margin-bottom:20px;
font-size:11px;
line-height:1.5;
order:2;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

#top_bannermenu {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0 5%;
  margin:0 auto;
}
#top_bannermenu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#top_bannermenu ul {
  width: 100%;
  height: auto;
  display: flex!important;
  flex-wrap: wrap!important;
}
#top_bannermenu ul li {
  width:48%;
  height: auto;
  display: block;
  margin:0 1% 2%;
  box-shadow:0px 5px 10px rgba(0,0,0,0.15);
}
#top_bannermenu ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  transition: 0.4s all;
}
#top_bannermenu ul li a:hover {
opacity: 0.5;
}

#stocktitle {
width: 100%;
height: auto;
display: block;
}
#stocktitle h2 {
color:#7f7440;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:20px;
line-height:1.5;
letter-spacing:1px;
order:1;
}
#stocktitle p {
margin-bottom:20px;
font-size:11px;
line-height:1.5;
order:2;
}

}