.megly--ff-mincho {
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight:600;
}
.megly--text-color--red {
  color: #c40c0c;
}

/* --- 関連商品（00000008）見出し ----- */
.common_Tit2_.accessory00000008_ {
  font-family:"游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  font-weight:600;
  font-size: 4.533vw;
}
.common_Tit2_.accessory00000008_:after {
  display: none;
}
@media screen and (min-width:767px) {
  .common_Tit2_.accessory00000008_ {
    margin-bottom: 3.417%;
    font-size: 1.68rem;
  }
}
/* --- ヘッダナビ ----- */
.megly-head--snav {
  position: relative;
  z-index: 9999;
  top: 0;
  height: 8vh/*40px　20190522　revision*/;
}
@media screen and (min-width:767px) {
  .megly-head--snav {
    height: 49px;
  }
}
.megly-head--snav-body {
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  background: #000000;
  border-bottom: solid 1px #333333;
}
@media screen and (min-width:767px) {
  .megly-head--snav-body {
    top: 111px;
  }
}
.megly-head--snav-body ul {
  display: flex;
flex-wrap: wrap;/*add 20190522 MTG*/
  justify-content: center;
  align-items: center;
  height: 8vh;
	
}
@media screen and (min-width:767px) {
  .megly-head--snav-body ul {
    height: 49px;
	flex-wrap: nowrap;
  }
}
.megly-head--snav-body ul li {
  margin: 0 0.8em;
  font-size: 2.666vw;
  text-align: center;/*add 20190522 MTG*/
}
.megly-head--snav-body ul li:first-child {/*add 20190522 MTG*/
	flex-basis:100%;
	}
.megly-head--snav-body ul li:first-child img {/*add 20190522 MTG*/
	width:20vw;
	padding-top: 0.8vh;
  }

@media screen and (min-width:767px) {
  .megly-head--snav-body ul li {
    margin: 0 25px/*30px 20190522 revision*/;
    font-size: 0.87rem;
  }
.megly-head--snav-body ul li:first-child {/*add 20190522 MTG*/
	 margin: 0 30px;
	flex-basis:115px;
  }
.megly-head--snav-body ul li:first-child img {/*add 20190522 MTG*/
	width:100%;
	padding-top: 0;
  }
}
.megly-head--snav-body ul li a {
  color: #ffffff;
  text-decoration: none;
}

/* --- タイトル ----- */
.megly--section-title {
  margin: 0 auto 7.46%;
  padding: 0 0 1.3%;
  width: 100%;
  max-width: 1024px;
  text-align: center;
  border-bottom: solid 1px #f34438;
}
@media screen and (min-width:767px) {
  .megly--section-title {
    margin-bottom: 50px;
    padding-bottom: 8px;
  }
}
.megly--section-title > * {
  font-size: 4.666vw;
  line-height: 1.2;
}
@media screen and (min-width:767px) {
  .megly--section-title > * {
    font-size: 1.75rem;
  }
}
.megly--section-title > * a {
  text-decoration: none;
}

.megly--section-title > *.megly--section-title-sub {
  margin: 1.06% 0 0;
  font-size: 2.666vw;
  line-height: 1.2;
  color: #f34438;
}
@media screen and (min-width:767px) {
  .megly--section-title > *.megly--section-title-sub {
    margin-top: 8px;
    font-size: 1.0rem;
  }
}

p.megly--bnr-teiki {
  width: 83%;
  margin: 0 auto;
}
@media screen and (min-width:767px) {
  p.megly--bnr-teiki {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
}
p.megly--bnr-teiki a {
  display: inline-block;
  margin: 0 auto 4.8%;
}
@media screen and (min-width:767px) {
  p.megly--bnr-teiki a {
    margin: 0 auto 3.93%;
  }
}

/* TOP
-------------------------------------------------------------- */
/* --- イベント ----- */
.event_ {
  max-width: 1024px;
  margin: 9vw auto 8vw;
}
@media screen and (min-width:767px) {
  .event_ {
    margin: 80px auto 20px;
  }
}
.megly--top-lineup--article:not(:first-child) {
	margin-top: 8%;
}
.megly--top-lineup--list {
  width: 83%;
  margin: 0 auto;
}
@media screen and (min-width:767px) {
  .megly--top-lineup--list {
    width: 97.265%;
  }
}
.megly--top-lineup--list li {
  margin: 0 0 4.5%;
}
@media screen and (min-width:767px) {
  .megly--top-lineup--list li {
    margin: 0 0 2.6%;
  }
}
.megly--top-lineup--list .megly--top-lineup--list-small {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.megly--top-lineup--list .megly--top-lineup--list-small li {
  width: 47.9%;
}
@media screen and (min-width:767px) {
  .megly--top-lineup--list .megly--top-lineup--list-small li {
    width: 23%;
  }
  .megly--top-lineup--list .megly--top-lineup--list-small li:nth-child(4n+2):last-child { margin-right: calc((23% + 2.666%) * 2); }
  .megly--top-lineup--list .megly--top-lineup--list-small li:nth-child(4n+3):last-child { margin-right: calc((23% + 2.666%) * 1); }
}

@media screen and (min-width:767px) {
  .megly--top-lineup--list .megly--top-lineup--list-big {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
  .megly--top-lineup--list .megly--top-lineup--list-big li {
    width: 48.7%;
  }
}

/* --- 下部（ご注意） ----- */
.megly--top--attention {
  width: 83%;
  max-width: 1024px;
  margin: 0 auto 6.666%;
}
@media screen and (min-width:767px) {
  .megly--top--attention {
    width: 92%;
    margin: 0 auto 30px;
  }
}
@media screen and (min-width:767px) {
  .megly--top--attention dl {
    display: flex;
    align-items: stretch;
  }
}
.megly--top--attention dl dt {
  padding: 0.64% 1.0% 0.8%;
  color: #ffffff;
  background: #bbbbbb;
  text-align: center;
  font-size: 3.2vw;
  line-height: 1.2;
}
@media screen and (min-width:767px) {
  .megly--top--attention dl dt {
    display: flex;
    align-items: center;
    padding: 20px;
    text-align: center;
    font-size: 1.12rem;
  }
}
.megly--top--attention dl dd {
  padding: 3.2% 4.5%;
  background: #f6f6f6;
  font-size: 3.2vw;
}
@media screen and (min-width:767px) {
  .megly--top--attention dl dd {
    padding: 20px 28px;
    flex: 1;
    font-size: 0.87rem;
  }
}

/* --- 下部（お問い合わせ） ----- */
.megly--top-contact {
  width: 83%;
  max-width: 1024px;
  margin: 0 auto;
  background: #faf5ec;
}
@media screen and (min-width:767px) {
  .megly--top-contact {
    width: 92%;
    max-width: 1024px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
}
.megly--top-contact--tel {
  margin: 0;
  padding: 4.3% 5.78%;
  font-size: 3.2vw;
}
@media screen and (min-width:767px) {
  .megly--top-contact--tel {
    width: 43.94%;
    margin: 0 0 0 4.29%;
    padding: 3.3% 0;
    font-size: 0.87rem;
  }
}
.megly--top-contact--tel dl + dl {
  margin-top: 3.4%;
}
@media screen and (min-width:767px) {
  .megly--top-contact--tel dl + dl {
    margin-top: 4%;
  }
}
.megly--top-contact--tel dl dt {
  font-size: 4vw;
}
@media screen and (min-width:767px) {
  .megly--top-contact--tel dl dt {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.megly--top-contact--tel dl dd p {
  font-size: 2.93vw;
}
@media screen and (min-width:767px) {
  .megly--top-contact--tel dl dd p {
    font-size: 0.87rem;
  }
}
.megly--top-contact--tel dl dd p a {
  display: inline-block;
  padding: 0 0 0 12%;
  font-size: 5.6vw;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  background: url(../images/i_freedial.png) left center / 7.92vw auto no-repeat;
}
@media screen and (min-width:767px) {
  .megly--top-contact--tel dl dd p a {
    padding: 0 0 0 calc(52px + 3%);
    font-size: 2.125rem;
    line-height: 1.2;
    background-size: 52px auto;
  }
}

.megly--top-contact--tel dl + p {
  margin: 3% 0 0;
  font-size: 2.933vw;
}
@media screen and (min-width:767px) {
  .megly--top-contact--tel dl + p {
    margin: 2% 0 0;
    font-size: 0.87rem;
  }
}

.megly--top-contact--btns {
  margin: 0;
  padding: 0 5.78% 7%;
}
@media screen and (min-width:767px) {
  .megly--top-contact--btns {
    width: 43.94%;
    margin: 0 4.29% 0 0;
    padding: 0;
  }
}
.megly--top-contact--btns li + li {
  margin-top: 5.454%;
}
@media screen and (min-width:767px) {
  .megly--top-contact--btns li + li {
    margin-top: 6.5%;
  }
}
.megly--top-contact--btns li a {
  position: relative;
  display: block;
  padding: 3.6% 11.78% 3.6% 3.6%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 3.2vw;
  text-decoration: none;
}
@media screen and (min-width:767px) {
  .megly--top-contact--btns li a {
    padding: 4% 10% 4% 3%;
    font-size: 1.0rem;
  }
}
.megly--top-contact--btns li a:after {
  position: absolute;
  right: 8.18%;
  top: calc(50% - 10%);
  display: inline-block;
  content: '';
  width: 2.4%;
  height: 0;
  padding: 2.4% 0 0;
  border-top: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  transform: rotate(45deg);
}
.megly--top-contact--btns li a.megly--top-contact--btn-repairing {
  background: #f34438;
}
@media screen and (min-width:767px) {
  .megly--top-contact--btns li a:after {
    position: absolute;
    right: 6%;
  }
}

/* 共通タイトルヘッド
-------------------------------------------------------------- */
.megly--common--head {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 10.666%;
}
@media screen and (min-width:767px) {
  .megly--common--head {
    width: 92%;
    margin: 0 auto;
    padding: 0 0 8.4%;
  }
}
.megly--common--head h1 {
  position: relative;
  margin: 0 0 7.73%;
  padding: 0 0 2%;
  font-size: 5.6vw;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width:767px) {
  .megly--common--head h1 {
    margin-bottom: 4.68%;
    padding-bottom: 1.0rem;
    font-size: 2.125rem;
    line-height: 1.2;
  }
}
.megly--common--head h1 span {
  display: block;
  width: 15%;
  max-width: 92px;
  margin: 0 auto;
  padding: 0;
}
.megly--common--head h1 span:before {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  margin: 0;
  background: url(../images/im_megly_logo.png) center top / 100% auto no-repeat;
}
.megly--common--head h1:after {
  position: absolute;
  left: calc(50% - 5vw);
  bottom: 0;
  display: block;
  content: '';
  width: 10vw;
  height: 2px;
  background: #f34438;
}
@media screen and (min-width:767px) {
  .megly--common--head h1:after {
    left: calc(50% - 3.125%);
    width: 6.25%;
  }
}
.megly--common--head p.megly--bnr-teiki a {
  margin-bottom: 2.93%;
}
@media screen and (min-width:767px) {
  .megly--common--head p.megly--bnr-teiki a {
    margin-bottom: 3.93%;
  }
}

/*　修正箇所　ここから　*/
.megly--common--head > ul {
  width: 92%;
  margin: 0 auto;
  display: flex;
  flex-flow: wrap;
  align-items: stretch;
  justify-content: space-between;
}
@media screen and (min-width:767px) {
  .megly--common--head > ul {
   /* flex-flow: nowrap;　修正*/
    width: 100%;
			justify-content: center;
  }
}
.megly--common--head > ul li {
  width: 49.275%;
  margin:0.2rem 0;
}
@media screen and (min-width:767px) {
  .megly--common--head > ul li {
			width: 24.5%;
    /*width:16.5%;　修正*/
    margin:0.2rem 0.2%;
  }
}

.megly--common--head > ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 5.8% calc(4.8% + 1.2vw);
  border: solid 1px #c9c9c9;
  font-size: 3.2vw;
  line-height: 1.3;
  text-decoration: none;
}
@media screen and (min-width:767px) {
  .megly--common--head > ul li a {
    padding: 7% calc(5% + 0.5rem) 7% calc(2% + 0.5rem);
			font-size: 0.8rem;
  /* font-size: 0.72rem;* 210506 */
  }
}
.megly--common--head > ul li a:after {
  position: absolute;
  right: 3.8%;
  top: calc(50% - 0.8vw);
  display: block;
  content: '';
  width: 1.2vw;
  height: 1.2vw;
  border-right: solid 1px #f34438;
  border-bottom: solid 1px #f34438;
  transform: rotate(45deg);
}
@media screen and (min-width:767px) {
  .megly--common--head > ul li a:after {
    right: 5%;
    top: calc(50% - 0.3rem);
    width: 0.5rem;
    height: 0.5rem;
  }
}
/*共通コピーバナー add MTG
-------------------------------------------------------------- */
.megly_mist_unit--head{
margin: 0 auto 4.6%;
}
/* add MTG
-------------------------------------------------------------- */
#goodsspec_body .goodsproductdetail_{
	/*margin: 0 auto !important;*/
}