/*
　201912
  ・一部、追加ページにてヘッダーの表示内容変更
  ・TOPページにモーダル/オーバーレイ追加
  ・ギャラリー改修(カタログ＆ルックブック)
  ・FLAGSHIPSHOP追加
*/

/* 共通部分 */
/* headerの重なり順を変更し、各ページのヘッダー内容を上に表示する */
/* 各ページの表示、ボタン操作周りなどは各ページで設定 */
#header{
  width:1120px;
  position:relative;
  margin:0 auto;
  overflow: hidden;
  height: 132px;
  z-index: 100;
}

/* 一SP表示時に部のページで横(x軸)が大きく表示されてしまうのを防ぐ */
@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
}

/* google翻訳周り */
/* SP表示時にサイズ、位置変更 */
#google_translate_element {
    pointer-events: auto;
}
@media only screen and (max-width: 767px) {
  #google_translate_element {
    transform: scale(0.7);
    right: 0;
  }

  #nav {
     margin-right: 0px;
  }

  #logo {
    display: none;
  }

  #funcNav{
    margin-top: -16px;
  }

}

.footer-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .footer-sp {
    display: block;
  }
}

/* 商品詳細画面のツールチップでconfirmで２つボタンを追加し、closeボタンのみにした対応。 */
.dark-tooltip.light ul.confirm li{
  list-style: none;
}

.darktooltip-no {
  display: none;
}


/* ここからギャラリー用 */
.unique-footer_sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .unique-footer_sp {
    display: block;
  }
}

.unique-footer_sp .unique-footer_nav {
  display: none;
}
@media only screen and (max-width: 767px) {
  .unique-footer_sp .unique-footer_nav {
    display: block;
  }
}

.unique-footer_sp .unique-footer_nav {
  display: block;
  text-align: center;
  background: #b2b2b2;
  padding: 10px 0;
}


.unique-footer_sp .unique-footer_nav-link {
  font-size: 0.5rem;
  display: inline;
  padding: 0 4px;
}
.unique-footer_sp .unique-footer_nav a {
  color: #fff;
}
.unique-footer_sp .copyright {
  font-size: 10px;
  padding: 13px 0;
  color: #b2b2b2;
  text-align: center;
  }
}

//土台
#catalog-lookbook-base {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  #catalog-lookbook-base {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .catalog-lookbook-br {
    display: none;
  }
}

.catalog-lookbook-logo{
  display: block;
  top: 27px;
  left: 186px;
  position: absolute;
  z-index: 200;
}
@media only screen and (max-width: 767px) {
  .catalog-lookbook-logo {
    display: none;
  }
}

.catalog-lookbook-logo-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .catalog-lookbook-logo-sp {
    display: block;
    position: absolute;
    top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.book-image1 {
  width: 260px;
  margin-right: 62px;
  box-shadow: 0px 4px 10px 0 rgba(35, 38, 74, 0.25);
}
@media only screen and (max-width: 767px) {
  .book-image1 {
    width: 100%;
  }
}

.book-image1 img{
  width: 260px;
}
@media only screen and (max-width: 767px) {
  .book-image1 img{
    width: 100%;
  }
}

.book-icon img{
  padding-left: 6px;
  padding-top: 10px;
  width: 8px;
  height: 10px;
}
@media only screen and (max-width: 767px) {
  .book-icon img{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    width: 7px;
    height: 8px;
  }
}
.book-image1-textbox {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .book-image1-textbox {
    width: 100%;
    margin-top: 5px;
    margin-left: 4%;
  }
}

.book-image1-text {
  width: 260px;
  height: 16px;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  padding-left: 10px;
  padding-top: 2px;
}
@media only screen and (max-width: 767px) {
  .book-image1-text {
    width: 100%;
    font-size: 0.7rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    padding-left: 0px;
  }
}


.flex-container {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .flex-container {
    // 縦に積む
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    // 中央寄せ
    justify-content: center;
    align-items: center;
    margin-top: -120px;
  }
}

.catalog-lookbook {
  width: 275px;
  height: 89px;
  font-family: Helvetica;
  font-size: 2.9rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-align: left;
  color: #004199;
  margin-top: 116px;
  margin-right: 54px;
}
@media only screen and (max-width: 767px) {
  .catalog-lookbook {
    width: 100%;
    height: 17px;
    font-size: 1.4rem;
    line-height: 1.81;
    text-align: center;
    letter-spacing: 0.84px;
    margin-right: 0px;
  }
}

.archives-title {
  width: 96px;
  height: 14px;
  font-family: HiraKakuPro-W6;
  font-size: 1.00rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: 0.8px;
  text-align: left;
  color: #004199;
}


.archives-text {
  width: 160px;
  height: 60px;
  font-family: HiraKakuProN-W3;
  font-size: 0.8rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  word-break: break-all;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .archives-text {
    width: 100%;
    height: 25px;
    font-size: 0.7rem;
    line-height: 1.6;
    color: #333333;
  }
}

#cataloglookbook {
    width: 860px;
    margin: 58px auto;
}
@media only screen and (max-width: 767px) {
  #cataloglookbook{
    width: 100%;
    margin: 30px auto;
  }
}

#cataloglookbook-main{
  width:900px;
  margin:0 auto 80px;
  position:relative;
  display:table;
  top:10px;
  /*border-bottom: 2px solid #3D3D3A;*/
}
@media only screen and (max-width: 767px) {
  #cataloglookbook-main{
  width:100%;
  }
}

#cataloglookbook-main2{
  min-width:900px;
  margin:0 auto 80px;
  position:relative;
  display:table;
  top:10px;
  /*border-bottom: 2px solid #3D3D3A;*/
}
@media only screen and (max-width: 767px) {
  #cataloglookbook-main2{
    width:100%
  }
}



#cataloglookbook li {
  width:25%;
  list-style: none;
/*  margin: 0 auto; */
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #cataloglookbook li {
    width: 44%;
    padding: 3%;
  }
}


#cataloglookbook li img{
  width: 160px;
  height: 200px;
}
@media only screen and (max-width: 767px) {
  #cataloglookbook li img{
    width: 100%;
    height: 100%;
  }
}


#cataloglookbook ul {
  display:flex;
  flex-wrap:wrap;
}

#cataloglookbook ul:after {
  content:"";
  display: inline-block;
  justify-content: flex-start;
  width: 100%;
  line-height:0;
  height: 0;
}


#cataloglookbook h3 {
  font-size: 18px;
  font-weight: bold;
}

#archives-line {
  width: 853px;
  height: 2px;
  opacity: 0.5;
  background-color: #004199;
//  margin-top: 10px auto;
  margin: 10px auto;
}
@media only screen and (max-width: 767px) {
  #archives-line {
    width:100%;
  }
}

.archives-box {
  margin: 80px auto;
  width: 860px;
}
@media only screen and (max-width: 767px) {
  .archives-box {
    margin: 40px auto 0px;
    width: 82%;
  }
}

.book-image-sp-layout{
  display: flex;
}
@media only screen and (max-width: 767px) {
  .book-image-sp-layout{
    width: 100%;
    margin: 30px auto;
  }

  .book-mainimage-sp-layout{
    width: 50%;
    margin: 0 auto;
    padding: 2%;
  }

}

.list-text-left {
  text-align: left; 
  text-align: -webkit-left;
}
@media only screen and (max-width: 767px) {
  .list-text-left {
    text-align: left; 
    text-align: -webkit-left;
  }
}

.list-text-center {
  text-align: center; 
  text-align: -webkit-center;
}
@media only screen and (max-width: 767px) {
  .list-text-center {
    text-align: left; 
    text-align: -webkit-left;
  }
}

.list-text-right {
  text-align: right; 
  text-align: -webkit-right;
}
@media only screen and (max-width: 767px) {
  .list-text-right {
    text-align: left; 
    text-align: -webkit-left;
  }
}
/* ここまでギャラリー用 */

/* ここからフラッグシップショップ */  
.flagshipshop-footer_sp .flagshipshop-footer_nav {
  display: none;
}

.flagshipshop-footer_sp .flagshipshop-footer_nav {
  display: block;
  text-align: center;
  background: #b2b2b2;
  padding: 10px 0;
}
    
.flagshipshop-footer_sp .flagshipshop-footer_nav-link {
  font-size: 0.5rem;
  display: inline;
  padding: 0 4px;
}
.flagshipshop-footer_sp .flagshipshop-footer_nav a {
  color: #fff;
}
.flagshipshop-footer_sp .copyright {
  font-size: 10px;
  padding: 13px 0;
  color: #b2b2b2;
  text-align: center;
}
  
.image1{
  width: 100%;
  height: 280px;
      
  background: url(https://gigaplus.makeshop.jp/begood/static2019/images/shopinfo/mainimg1.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .image1{
    height: 120px;
    background: url(https://gigaplus.makeshop.jp/begood/static2019/images/shopinfo/sp_mainimg1.png);
    background-size: cover;
    background-position: center top;
  }
}
  
.image2{
  width: 100%;
  height: 280px; 
   
  background: url(https://gigaplus.makeshop.jp/begood/static2019/images/shopinfo/mainimg2.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .image2{
    height: 120px;
    background: url(https://gigaplus.makeshop.jp/begood/static2019/images/shopinfo/sp_mainimg2.png);
    background-size: cover;
    background-position: center top;
  }
}
  
.image3{
  width: 100%;
  height: 280px;
   
  background: url(https://gigaplus.makeshop.jp/begood/static2019/images/shopinfo/mainimg3.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .image3{
    height: 120px;
    background: url(https://gigaplus.makeshop.jp/begood/static2019/images/shopinfo/sp_mainimg3.png);
    background-size: cover;
    background-position: center top;
  }
}
  
img.sample1 {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
img.sample2 {
  width: 100%;
  height: 280px;
  object-fit: contain;
}
img.sample3 {
  width: 100%;
  height: 280px;
  object-fit: fill;
}
  
img.sample4 {
  width:271px;
  height: 248px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  img.sample4 {
      width:100%;
      height:auto;
  }
}
  
.flagshipshop-text .flagshipshop-text-style1 {
  font-family: HelveticaNeue;
  font-weight: bold;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text .flagshipshop-text-style1 {
    font-size: 0.8rem;
  }
}
  
.flagshipshop-text-style2 {
  width: 853px;
  font-family: HiraKakuPro-W3;
  font-size: 0.998rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text-style2 {
    width: 78%;
    height: auto;
    font-family: HiraKakuPro-W3;
    font-size: 0.84rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
  }
}
    
.flagshipshop-text-style3 {
  font-family: HiraKakuProN-W6;
  font-size: 0.998rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: 0.64px;
  color: #004199;
  text-align: left;
  width: 853px;
  height: 16px;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text-style3 {
    width: 100%;
  }
}
    
.flagshipshop-text-style4 {
  font-family: HiraKakuProN-W6;
  font-size: 0.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #004199;
}
  
.flagshipshop-text-style4-w {
  width: 92px;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text-style4-w {
    width: 27%;
  }
}
    
.flagshipshop-text-style5 {
  font-family: HiraKakuProN-W3;
  font-size: 0.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text-style5 {
    font-size: 0.8rem;
  }
}
  
.flagshipshop-text-style5-w {
  width: 324px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text-style5-w {
    width: 72%;
    height: auto;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-all;
  }
}
  
  
.MyTable {
  display:table;
  width:480px;
}
@media only screen and (max-width: 767px) {
  .MyTable {
    width:100%;
  }
}
  
.MyTable div.row{
  display:table-row;
}
  
.MyTable div.cell{
  display:table-cell;
  min-width: 72px;
}
  
.insta-text1 {
  width: 162px;
  height: 22px;
  font-family: HiraKakuPro-W6;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #060606;
}
@media only screen and (max-width: 767px) {
  .insta-text1 {
    width: 50%;
  }
}
  
  
.insta-text2 {
  width: 222px;
  height: 16px;
  font-family: HiraKakuPro-W6;
  font-size: 0.9rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #060606;
}
@media only screen and (max-width: 767px) {
  .insta-text2 {
    width: 69%;
  }
}
    
//土台
#flagshipshop-base {
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  #flagshipshop-base {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.flagshipshop-main
{
  background-color: #ffffff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-main
  {
    width:100%;
  }
}
  
  
.flagshipshop-logo {
  display: block;
  top: 23px;
  left: 14%;
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-logo {
    display: none;
  }
}
  
.flagshipshop-logo-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-logo-sp {
    display: block;
    position: absolute;
    top: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
    
.flagshipshop-text {
  width: 453px;
  height: 27px;
  font-family: HiraKakuProN-W6;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  margin: 60px auto 0;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-text {
    width: 100%;
    height: 16px;
    font-family: HiraKakuProN-W6;
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin: 40px auto 0;
  }
}
  
.flagshipshop-title {
  position: absolute;
  left: 200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
  width: 453px;
  height: 27px;
  font-family: HiraKakuProN-W6;
  font-size: 2.4rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  text-align: left;
  color: #004199;
  margin: 0px auto 0;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-title {
    left: auto;
    right: auto;
    top: initial;
    margin: -145px auto 0;
    width: 100%;
    height: 17px;
    font-family: Helvetica;
    font-size: 1.4rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.84px;
    text-align: center;
    color: #004199;
  }
}
  
.flagshipshop-mainimage {
  width: 1360px;
  height: 280px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-mainimage {
    width: 100%;
    background: #ffffff;
    text-align: center;
    height: 120px;
  }
  .flagshipshop-mainimage img {
    height: 120px;
    margin-top: 30px;  
  }
  .bxSlider > li > div.image1 {
    width: 100%;
  }
  .bxSlider > li > div.image2 {
    width: 100%;
  }
  .bxSlider > li > div.image3 {
    width: 100%;
  }
}

  
.flagshipshop-subimage{
  width: 853px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  display:flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-subimage{
    width: 80%;
  }
}
  
.flagshipshop-subimage-image1 {
  display:inline-block;
  margin-left: 0px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-subimage-image1{
      width: 37%;
  }
  .flagshipshop-subimage-image1 li img{
    				width: 37%;
  }
  .flagshipshop-subimage ul{
    display: flex;
    justify-content: center;
  }
}
  
.flagshipshop-subimage-image2 {
  display:inline-block;
  margin-left: 0px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .flagshipshop-subimage-image2 {
    display:none;
  }
}
  
.shop-detail-flex
{
  margin-top: 52px;
  width: 860px;
  height: 200px;
  display:flex;
  justify-content:
  space-between;
}
@media only screen and (max-width: 767px) {
  .shop-detail-flex
  {
    margin-top: 31px;
    width: 100%;
  }
}
  
.shop-detail
{
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  width: 853px;
  height: 247px;
}
@media only screen and (max-width: 767px) {
  .shop-detail
  {
    margin-top: 42px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    min-height: 268px;
  }
}
  
.shop-detail-line {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 853px;
  height: 4px;
  border-top: solid 2px #7fa0cc;
}
@media only screen and (max-width: 767px) {
  .shop-detail-line
  {
    width: 100%;
  }
}
    
.news-flagshipshop {
  width: 88px;
  height: 15px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding-top: 38px;
}
@media only screen and (max-width: 767px) {
  .news-flagshipshop {
    width: 18%;
    vertical-align: unset;
    padding-top: 16px;
  }
}
  
.news-flagshipshop-date {
  padding-top: 20px;
  width: 100px;
}
@media only screen and (max-width: 767px) {
  .news-flagshipshop-date {
    padding-top: 20px;
    width:20%;
    margin-left: -20px;
    font-size: 0.5rem;
  }
}
  
.news-flagshipshop-disc {
    width:640px;
}
@media only screen and (max-width: 767px) {
  .news-flagshipshop-disc {
    width:80%;
    font-size: 0.75rem;
  }
}
  
.news-flagshipshop-width{
  width: 860px;
  margin-left: 90px;
  margin-top: -58px;
}
@media only screen and (max-width: 767px) {
  .news-flagshipshop-width {
    width: 100%;
    margin-top: -6px;
    margin-left: auto;
    margin-right: auto;
  }
}
  
.news-flagshipshop-detail-margin
{
}
@media only screen and (max-width: 767px) {
  .news-flagshipshop-detail-margin
  {
    width: 80%;
    margin-left: 9%;
    margin-right: 9%;
  }
}
  
.news-flagshipshop-detail {
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 860px;
  height: 95px;
  background-color: #f8f8f8;
}
@media only screen and (max-width: 767px) {
  .news-flagshipshop-detail {
    margin-top: 30px;
    width: 100%;
    min-height: 164px;
  }
}
  
@media only screen and (max-width: 767px) {
  .map-sp {
    margin-top: 30px;
  }
}
  
.map-pc {
}
/* ここまでフラッグシップショップ */

/*//////////////////////////////////////////////////////////////*/
/* ここからトップページ追加用のモーダル制御 */
/*//////////////////////////////////////////////////////////////*/
#modal-content {
  width: 100% ;
  margin: 0 ;
  padding: 0px ;
  background: #ffffff;
  position: fixed ;
  display: none ;
  z-index: 2 ;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#modal-content-innar{
  margin: 0 auto;
  margin-top:0;
  min-width: 1360px;
}

#modal-overlay {
  z-index: 1 ;
  display: none ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 200% ;
  background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
  color: #00f ;
  text-decoration: underline ;
}

.button-link:hover {
  cursor: pointer ;
  color: #f00 ;
}

.custmaer-voice-wrap{
  overflow: scroll;
  height: 100vh;
}

.voice-area{
  background-color: white;
  padding: 10px;
  margin-bottom: 10px;
}

.voice-area p:first-child{
  border-left: 3px #efefef solid;
  border-bottom: 1px #efefef solid;
  padding-left: 5px;
  margin-bottom: 5px;
  font-size: 2.0rem;
}

.voice-area p:nth-child(even){
  font-size: 1.2rem;
  color: orange;
}

.voice-area p:nth-child(even) span{
  display: inline-block;
  border-radius: 3px;
  background-color: orange;
  color: white;
  text-align: center;
  padding: 1px 3px;
  margin-right: 3px;
}

.voice-area p:last-child{
  margin-top: 10px;
  font-size: 1.7rem;
}

.toppage-position-typeR {
  position:relative
}

.toppage-position-typeA {
  position: absolute;
  top: 0;
  left: 0;
}

.flagshipshop {
  font-family: Helvetica;
  font-size: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 1.8px;
  text-align: left;
  color: #004199;
}

.toppage-font-base {
  font-family: "Helvetica";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  color: #004199;
  text-align: center;
}

.toppage-font-text1 {
  opacity: 0.9;
  font-size: 4.68rem;
  line-height: 0.69;
  letter-spacing: 1.4px;
  position: absolute;
  width: 100%;
}

.toppage-font-text2 {
  opacity: 0.9;
  font-size: 3.4rem;
  line-height: 0.96;
  letter-spacing: 1px;
  position: absolute;
  top: 64px;
  width: 100%;
}

.toppage-font-text3 {
  opacity: 0.9;
  font-size:2.68rem;
  line-height: 1.1;
  letter-spacing: 0.8px;
  position: absolute;
  top: 118px;
  width: 100%;
}

.toppage-font-text4 {
  font-family: HiraKakuProN-W6;
  font-size: 1.125rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.72px;
  text-align: center;
  color: #004199;
}

.toppage-font-text5 {
  font-family: HiraKakuProN-W3;
  color: #333333;
  font-weight: normal;
  font-size: 0.858rem;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
}

.toppage-flexbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.toppage-flexbox-margin {
  margin-top: 50px;
  margin-left: 40px;
  margin-right: 40px;
}

.toppage-flexbox-text-padding {
  padding-bottom: 40px;
}


/*//////////////////////////////////////////////////////////////*/
/* ここまでトップページ追加用のモーダル制御 */
/*//////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////*/
/* ここからbxSliderのCSS */
/*//////////////////////////////////////////////////////////////*/
.colorBxSlider{
  margin-top: -20px;
}


.M_imageMainWrap .bx-wrapper .bx-viewport{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border:none;
  background-color:transparent;
}

#detail .M_imageMainWrap .bx-wrapper{
  margin:0 auto 16px;
}

.M_imageMainList{
  height:360px;
  display:flex;
}
.M_imageMainList-item{
  height:auto;
  overflow:hidden;
  display:none;
}

.M_imageThumbnail {
  text-align:left;
  margin-top: -60px;
}

.M_imageThumbnail-item{
  display:inline-block;
  margin-bottom:12px;
  margin-right: 12px;
}
.M_imageThumbnail-item:not(:nth-child(6n)){
  margin-right:12px;
}

.M_imageThumbnail-item a{
  display:block;
  border:3px solid #fff;
}
.M_imageThumbnail-item .active{
  border:3px solid #EFAC5E;
}
.item-img .M_imageThumbnail-item img{
  width:50px;
  height:auto;
}
.item-img .M_imageCatalog img,
.item-img .M_imageThumbnail-item img{
  max-width:80px;
  max-height:80px;
}

.M_imageThumbnail2{
  text-align:left;
  margin-top: -60px;
}

.M_imageThumbnail2-item{
  display:inline-block;
  margin-bottom:12px;
}
.M_imageThumbnail2-item:not(:nth-child(6n)){
  margin-right:12px;
}

.M_imageThumbnail2-item a{
  display:block;
  border:3px solid #fff;
}
.M_imageThumbnail2-item .active{
  border:3px solid #EFAC5E;
}
.item-img .M_imageThumbnail2-item img{
  width:50px;
  height:auto;
}
.item-img .M_imageCatalog img,
.item-img .M_imageThumbnail2-item img{
  max-width:80px;
  max-height:80px;
}

.item-detail{
  text-align:left;
  margin:0 auto;
  box-sizing:border-box;
  display:flex;
}
.item-detail h2{
  margin-bottom:24px;
  color:#4D4D4D;
}
.item-detail-text,
.item-detail-addtext{
  position:relative;
  text-align:left;
}
.item-detail-point{
  color:#4D4D4D;
  font-weight:normal;
  font-size:16px;
}
.item-detail-addtext{
  margin:64px 0 0;
}
.item-detail-addtext div{
  position:relative;
}
.item-detail-addtext:before{
  content:"";
  position:absolute;
  width:60px;
  height:6px;
  background-color:#EFAC5E;
  border-radius:5px;
  top:-35px;
}
#M_usualValue td,.item-detail-info td{
  font-size:18px !important;   
  width:auto; 
}
#M_usualValue td{
  padding-bottom:8px; 
}
#M_usualValue font{
  color:#4D4D4D; 
}
.item-detail-bottom{
  display:flex;
}
.item-detail-bottom-info {
  width:50%;
}
.item-detail-bottom-action {
  width:50%;
  padding:0 60px;
  box-sizing:border-box;
  text-align:left;
}
.item-detail .price .saleRate{
  border:solid 1px #EF596F;
  color:#EF596F;
  font-weight:bold;
  margin-left:8px;
  padding:4px;
}
.item-detail .item-detail-price,
.item-detail .item-detail-price #M_price1,
.item-detail .item-detail-price #M_price2,
.item-detail .icon-yen{
  font-family:'Rubik', Arial, Helvetica, "\Ò\é\®\γÑ\´ Pro W3", "Hiragino Kaku Gothic Pro", "\á\¤\ê\ª", Meiryo, Osaka, "£Í£Ó £Ð\´\·\Ã\¯", sans-serif;
  font-size:28px;   
  color:#EFAC5E;
  font-weight:bold;
  text-align:left;
}
.item-detail-mprice{
  margin-top:15px;
}
.item-detail-mprice #M_memberValue .M_member_price_in, #M_memberValue .M_member_price_ex{
  font-size:28px;
  font-weight:bold;
  color:#EF596F;
  text-align:left;
}
.item-detail-mprice #M_memberValue .member-price{
  display:table;
}
.item-detail-mprice #M_memberValue .member-price span,
.item-detail-mprice #M_memberValue .member-price input{
  display:table-cell;
  vertical-align:middle;
  line-height:1.3;
}
.item-detail-mprice #M_memberValue .member-price .member-price-title{
  background-color:#EF596F;
  padding:5px;
  color:#FFF;
  font-weight:bold;
  font-size:14px;
  margin-right:10px;
}
.item-detail-mprice #M_memberValue .member-price .icon-yen{
  color:#EF596F;
  padding-left:5px;
}
.item-detail-info table table td:first-child{
  width:3em;  
}
.item-detail-info font{
  color:#D42222;  
}
.item-detail-info select{
  margin:8px 0;
  padding:4px;
  font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "\Ò\é\®\γÑ\´ Pro W3", "Hiragino Kaku Gothic Pro", "\á\¤\ê\ª", Meiryo, Osaka, "£Í£Ó £Ð\´\·\Ã\¯", sans-serif;
  border:1px solid #ccc;
  font-size:16px; 
}