body{
    margin: 0px; padding: 0px;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 300;
    background-color: rgba(62,58,57,1);
}
.print_header{
    display: none;
}
/**sub menu*/
.sub_menu {
    max-width: 1280px;
    padding: 0 15px 0 15px;
    margin-left: auto;
    margin-right: auto;
}

#sub_menu li{
    display: inline-block;
}
  
.btn1 {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  text-decoration: none;
  color: rgba(20,15,50,1);
  background-color: rgba(224,224,224);
  border:1px solid rgba(20,15,50,1);
  transition: .2s;
}
  
.btn1:hover {
  color: #fff;
  background-color: rgba(20,15,50,1);
}
  
.btn2 {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    text-decoration: none;
    color: rgba(20,15,50,1);
    background-color: rgb(214, 214, 214);
    /*border:1px solid rgba(20,15,50,1);*/
    transition: .2s;
    width: 100px;
}

img {vertical-align: bottom;}
    
.btn2:hover {
    color: #fff;
    background-color: rgba(20,15,50,1);
    width: 100px;
}
@media screen and (min-width:0px) and (max-width:455px){
    .sub_menu_pc{display: none;}
}
@media screen and (min-width:456px){
    .sub_menu_mp{display: none;}
}

/**main**/
.content_width{min-width: 320px; max-width: 1280px;}
.gold_color{
    background: rgb(229,197,172);
    background: linear-gradient(90deg, rgba(229,197,172,1) 0%, rgba(249,242,229,1) 9%, rgba(187,153,110,1) 27.5%, rgba(249,242,229,1) 53.5%, rgba(156,111,62,1) 94%, rgba(156,111,62,1) 100%);
}
@media screen and (min-width:0px) and (max-width:359px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 100%; min-width: 310px;}
    .bea1200_use{width: 100%; min-width: 310px;}
    .bea1202_1203img{width: 50%;}
    .bea1202_1203img1{width: 50%;}
    .bea1202_features{width: 100%; min-width: 300px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 100%; min-width: 300px; margin: 5px 0px 2px 0px;}
    .bea1202_1203_use3-1{width: 100%;}
    .bea1202_1203_use3-2{width: 70%;}

     /*spec*/
     .spec_img_width{width: 97%;}
     .spec_text_width{width: 97%;}
     .product_name{font-size: 16px; margin: 20px auto;}
     .price{font-size: 16px;}
     .spec_name{ width: 135px; font-size: 12px; margin:0 1px 0 1px;}
     .spec_text{font-size: 12px; margin:0 1px 0 1px;}
}
@media screen and (min-width:360px) and (max-width:374px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 100%; min-width: 320px; }
    .bea1200_use{width: 100%; min-width: 320px;}
    .bea1202_1203img{width: 50%;}
    .bea1202_1203img1{width: 50%;}
    .bea1202_features{width: 100%; min-width: 300px;padding: 2px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 100%; min-width: 300px; margin: 5px 0px 2px 0px;}
    .bea1202_1203_use3-1{width: 100%;}
    .bea1202_1203_use3-2{width: 70%;}

     /*spec*/
     .spec_img_width{width: 97%;}
     .spec_text_width{width: 97%;}
     .product_name{font-size: 16px; margin: 20px auto;}
     .price{font-size: 18px;}
     .spec_name{ width: 140px; font-size: 13px; margin:0 2px 0 2px;}
     .spec_text{font-size: 13px; margin:0 2px 0 2px;}
 }
@media screen and (min-width:375px) and (max-width:450px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 100%; min-width: 320px;}
    .bea1200_use{width: 100%; min-width: 320px;}
    .bea1202_1203img{width: 60%;}
    .bea1202_1203img1{width: 40%;}
    .bea1202_features{width: 100%; min-width: 300px; padding: 0px 2px 2px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 100%; min-width: 300px;}
    .bea1202_1203_use3-1{width: 100%;}
    .bea1202_1203_use3-2{width: 320px;}

     /*spec*/
    .spec_img_width{width: 97%;}
    .spec_text_width{width: 97%;}
    .product_name{font-size: 20px; margin: 20px auto;}
    .price{font-size: 18px;}
    .spec_name{ width: 145px; font-size: 14px; margin:0 2px 0 2px;}
    .spec_text{font-size: 14px; margin:0 2px 0 2px;}
}
@media screen and (min-width:451px) and (max-width:540px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 100%; min-width: 320px;}
    .bea1200_use{width: 100%; min-width: 320px;}
    .bea1202_1203img{width: 60%;}
    .bea1202_1203img1{width: 40%;}
    .bea1202_features{width: 100%; min-width: 300px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 100%; min-width: 300px; margin: 2px 0px;}
    .bea1202_1203_use3-1{width: 100%;}
    .bea1202_1203_use3-2{width: 320px;}

    /*spec*/
    .spec_img_width{width: 98%;}
    .spec_text_width{width: 98%;}
    .product_name{font-size: 24px; margin: 20px auto;}
    .price{font-size: 18px;}
    .spec_name{ width: 200px; font-size: 16px; margin:0 2px 0 2px;}
    .spec_text{font-size: 16px; margin:0 2px 0 2px;}
}
@media screen and (min-width:541px) and (max-width:725px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 100%; min-width: 320px;}
    .bea1200_use{width: 100%; min-width: 320px;}
    .bea1200_use1{width: 48%;}
    .bea1200_use2{width: 48%;}
    .bea1202_1203img{width: 60%;}
    .bea1202_1203img1{width: 40%;}
    .bea1202_features{width: 50%; max-width: 640px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 48%; max-width: 640px;}
    .bea1202_1203_use3-1{width: 50%;}
    .bea1202_1203_use3-2{width: 38%;}

    /*spec*/
    .spec_img_width{width: 98%;}
    .spec_text_width{width: 98%;}
    .product_name{font-size: 24px; margin: 20px auto;}
    .price{font-size: 18px;}
    .spec_name{ width: 200px; font-size: 16px; margin:0 2px 0 2px;}
    .spec_text{font-size: 16px; margin:0 2px 0 2px;}
}
@media screen and (min-width:726px) and (max-width:800px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 55%; min-width: 300px;}
    .bea1200_use{width: 30%; min-width: 300px;}
    .bea1202_features{width: 50%; min-width: 300px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 30%; min-width: 300px;}
    .bea1200_use1{width: 48%;}
    .bea1200_use2{width: 48%;}
    .bea1202_1203img{width: 65%;}
    .bea1202_1203img1{width: 35%;}
    .bea1202_1203_use3-1{width: 50%;}
    .bea1202_1203_use3-2{width: 320px;}

    /*spec*/
    .spec_container{margin: 50px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .spec_img_width{width: 48%; display: flex; align-items: center; }
    .spec_text_width{width: 50%;}
    .product_name{font-size: 20px; margin: 20px auto;}
    .price{font-size: 18px;}
    .spec_name{ width: 150px; font-size: 14px; margin:0 2px 0 2px;}
    .spec_text{font-size: 14px; margin:0 2px 0 2px;}
}
@media screen and (min-width:801px) and (max-width:950px){
    /*bea1200-1201 detail*/
    .bea1200_features{width: 60%; min-width: 300px;}
    .bea1200_use{width: 30%; min-width: 300px;}
    .bea1202_features{width: 50%; min-width: 300px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 30%; min-width: 300px;}
    .bea1202_1203img{width: 65%;}
    .bea1202_1203img1{width: 35%;}
    .bea1202_1203_use3-1{width: 50%;}
    .bea1202_1203_use3-2{width: 25%;}

    /*spec*/
    .spec_container{margin: 50px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .spec_img_width{width: 46%; display: flex; align-items: center;}
    .spec_text_width{width: 50%;}
    .product_name{font-size: 22px; margin: 20px auto;}
    .price{font-size: 18px;}
    .spec_name{ width: 170px; font-size: 15px; margin-left: 2px;}
    .spec_text{font-size: 15px; margin-left: 2px;}
}
@media screen and (min-width:951px) and (max-width:1139px){
    /*bea1200-1201 detail*/
    .bea1200_features{width: 50%; min-width: 300px;}
    .bea1200_use{width: 30%; min-width: 300px;}
    .bea1202_features{width: 49%; min-width: 300px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 30%; min-width: 50%;}
    .bea1202_1203img{width: 65%;}
    .bea1202_1203img1{width: 35%;}
    .bea1202_1203_use3-1{width: 50%;}
    .bea1202_1203_use3-2{width: 25%;}


    /*spec*/
    .spec_container{margin: 50px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .spec_img_width{width: 46%; display: flex; align-items: center;}
    .spec_text_width{width: 50%;}
    .product_name{font-size: 24px; margin: 20px auto;}
    .price{font-size: 20px;}
    .spec_name{ width: 200px; font-size: 16px; margin-left: 2px;}
    .spec_text{font-size: 16px; margin-left: 2px;}
}
@media screen and (min-width:1140px) {
    /*bea1200-1201 detail*/
    .bea1200_features{width: 50%; min-width: 300px;}
    .bea1200_use{width: 30%; min-width: 300px;}
    .bea1202_features{width: 50%; min-width: 300px; padding: 0px 2px 0px 2px; display: flex; align-items: center;}
    .bea1202_use{width: 30%; min-width: 300px;}
    .bea1202_1203img{width: 65%;}
    .bea1202_1203img1{width: 35%;}
    .bea1202_1203_use3-1{width: 640px;}
    .bea1202_1203_use3-2{width: 320px;}
    /*spec*/
    .spec_container{margin: 50px auto; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
    .spec_img_width{width: 40%; display: flex; align-items: center;}
    .spec_text_width{width: 50%; margin: auto 20px;}
    .product_name{font-size: 22px; margin: 20px auto;}
    .price{font-size: 20px;}
    .spec_name{ width: 200px; font-size: 16px; margin-left: 2px;}
    .spec_text{font-size: 16px; margin-left: 2px;}
}
/*specスライダー1*/
.slider-container {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0px auto 0px auto;
    padding: 0px;
}
/* スライドのスタイル */
.slider-slide {
    width: 90%;
    height: auto;
    display: none;
    padding: 5px;
    margin: auto;
}
/* アクティブなスライドのスタイル */
.slider-slide.active {
    display: block;
}
/* サムネイルコンテナのスタイル */
.thumbnail-container {
    margin: 0px auto 10px auto;
    text-align: center;
    font-size: 10px;
    font-weight: 200;
    color: #888889;
    display:flex; flex-wrap: wrap;
    width: 100%;
    vertical-align: top;
    align-content: flex-start;
    justify-content: center;
}
/* サムネイルのスタイル */
.thumbnail {
    width: 19%;
    height: auto;
    margin: 10px auto 0px auto;
    padding: 0px;
    cursor: pointer;
}
.thumbnail :hover{opacity: 0.5;}

/*specスライダー2*/
/* スライドのスタイル */
.slider-slide2 {
    width: 90%;
    height: auto;
    display: none;
    padding: 5px;
    margin: auto;
}
/* アクティブなスライドのスタイル */
.slider-slide2.active {
    display: block;
}
/* サムネイルコンテナのスタイル */
.thumbnail-container2 {
    margin: 0px auto 10px auto;
    text-align: center;
    font-size: 10px;
    font-weight: 200;
    color: #888889;
    display:flex; flex-wrap: wrap;
    width: 100%;
    vertical-align: top;
    align-content: flex-start;
    justify-content: center;
}
/* サムネイルのスタイル */
.thumbnail2 {
    width: 19%;
    height: auto;
    margin: 10px auto 0px auto;
    padding: 0px;
    cursor: pointer;
}
.thumbnail2 :hover{opacity: 0.5;}

/*specスライダー3*/
/* スライドのスタイル */
.slider-slide3 {
    width: 90%;
    height: auto;
    display: none;
    padding: 5px;
    margin: auto;
}
/* アクティブなスライドのスタイル */
.slider-slide3.active {
    display: block;
}
/* サムネイルコンテナのスタイル */
.thumbnail-container3 {
    margin: 0px auto 10px auto;
    text-align: center;
    font-size: 10px;
    font-weight: 200;
    color: #888889;
    display:flex; flex-wrap: wrap;
    width: 100%;
    vertical-align: top;
    align-content: flex-start;
    justify-content: center;
}
/* サムネイルのスタイル */
.thumbnail3 {
    width: 19%;
    height: auto;
    margin: 10px auto 0px auto;
    padding: 0px;
    cursor: pointer;
}
.thumbnail3 :hover{opacity: 0.5;}

/*specスライダー4*/
/* スライドのスタイル */
.slider-slide4 {
    width: 90%;
    height: auto;
    display: none;
    padding: 5px;
    margin: auto;
}
/* アクティブなスライドのスタイル */
.slider-slide4.active {
    display: block;
}
/* サムネイルコンテナのスタイル */
.thumbnail-container4 {
    margin: 0px auto 10px auto;
    text-align: center;
    font-size: 10px;
    font-weight: 200;
    color: #888889;
    display:flex; flex-wrap: wrap;
    width: 100%;
    vertical-align: top;
    align-content: flex-start;
    justify-content: center;
}
/* サムネイルのスタイル */
.thumbnail4 {
    width: 19%;
    height: auto;
    margin: 10px auto 0px auto;
    padding: 0px;
    cursor: pointer;
}
.thumbnail4:hover{opacity: 0.5;}

/*arrow top*/
@media screen and (min-width:0px) and (max-width:725px){
    .upper {
      position: fixed;
      right: 5px;
      bottom: 10px;
      transition: 1s;
      opacity: 0.7;
    }
    .upper:hover {
      opacity: 1;
    }
  }
@media screen and (min-width:726px){
    .arrow_none{
        display: none;
    }
}