body{
    margin: 0px; padding: 0px;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Noto Serif JP', serif;
    font-weight: 100;
    background-color: rgba(62,58,57,1);
}
.print_header{
    display: none;
}
/**sub menu*/
.sub_menu {
    max-width: 1140px;
    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;
}
    
.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**/
.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) {
    .main_width{width: 320px;}
    /*header image*/
    .bat_header{width: 320px; height: 135px; overflow: hidden; position: relative;}
    .bat_illust{width: 90px; position: absolute; top: 10px; left: 5px;}
    .bat_logo{width: 230px; position: absolute; top: 20px; left: 82px;}
    .line{height: 20px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 18px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 320px; height: 288px; overflow: hidden; position: relative;}
    .bat600_img1{width: 246px; position: absolute; top: 0px; right: -60px;}
    .bat600_copy1{width: 130px; position: absolute; top: 15px; left: 5px;}
    .bat600_photo1{width: 98px; position: absolute; top: 5px; left: 109px;}
    .bat600_copy2{width: 320px; color: white; font-size: 12px; font-weight: 200; border-left: solid white 10px; padding-left: 5px; position: absolute; top: 115px; left: 5px;}
    .bat600_antibacterial{width: 80px; position: absolute; bottom: 2px; right: 75px;}

    .bat_feature{width: 320px; height: 740px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 310px; position: absolute; top: 135px; right: 5px;}
    .bat600_text2{width: 320px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 175px; position: absolute; top: 5px; left: 80px;}
    .bat600_inside2{font-size: 18px; font-weight: 400; color: #FFFFFF; position: absolute; top: 19px; left: 95px;}
    .bat600_inside3{font-size: 20px; font-weight: 500; color: #FFFFFF; position: absolute;top: 380px; left: 5px;}
    .bat600_inside4{width: 310px; font-size: 16px; font-weight: 200; color: #FFFFFF; position: absolute;top: 406px; left: 5px;}

     /*spec*/
     .spec_img_width{width: 97%;}
     .spec_text_width{width: 97%; margin: 0 5px;}
     .product_name{font-size: 18px;}
     .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) {
    .main_width{width: 360px;}
    /*header image*/
    .bat_header{width: 360px; height: 135px; overflow: hidden; position: relative;}
    .bat_illust{width: 90px; position: absolute; top: 10px; left: 5px;}
    .bat_logo{width: 260px; position: absolute; top: 20px; left: 85px;}
    .line{height: 20px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 18px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 360px; height: 288px; overflow: hidden; position: relative;}
    .bat600_img1{width: 245px; position: absolute; top: 0px; right: -57px;}
    .bat600_copy1{width: 160px; position: absolute; top: 15px; left: 10px;}
    .bat600_photo1{width: 98px; position: absolute; top: 5px; left: 148px;}
    .bat600_copy2{width: 420px; color: white; font-size: 14px; font-weight: 200; border-left: solid white 10px; padding-left: 5px; position: absolute; top: 145px; left: 5px;}
    .bat600_antibacterial{width: 80px; position: absolute; bottom: 2px; right: 70px;}

    .bat_feature{width: 360px; height: 770px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 350px; position: absolute; top: 135px; right: 5px;}
    .bat600_text2{width: 360px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 175px; position: absolute; top: 5px; left: 100px;}
    .bat600_inside2{font-size: 20px; font-weight: 400; color: #FFFFFF; position: absolute; top: 17px; left: 109px;}
    .bat600_inside3{font-size: 20px; font-weight: 500; color: #FFFFFF; position: absolute;top: 413px; left: 5px;}
    .bat600_inside4{width: 350px; font-size: 16px; font-weight: 200; color: #FFFFFF; position: absolute;top: 440px; left: 5px;}

     /*spec*/
     .spec_img_width{width: 97%;}
     .spec_text_width{width: 97%; margin: 5px 5px 5px 5px;}
     .product_name{font-size: 20px;}
     .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) {
    .main_width{width: 375px;}
    /*header image*/
    .bat_header{width: 375px; height: 164px; overflow: hidden; position: relative;}
    .bat_illust{width: 100px; position: absolute; top: 10px; left: 10px;}
    .bat_logo{width: 275px; position: absolute; top: 20px; left: 90px;}
    .line{height: 30px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 24px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 375px; height: 289px; overflow: hidden; position: relative;}
    .bat600_img1{width: 245px; position: absolute; top: 0px; right: -57px;}
    .bat600_copy1{width: 160px; position: absolute; top: 15px; left: 10px;}
    .bat600_photo1{width: 98px; position: absolute; top: 5px; left: 159px;}
    .bat600_copy2{width: 420px; color: white; font-size: 14px; font-weight: 200; border-left: solid white 10px; padding-left: 5px; position: absolute; top: 154px; left: 10px;}
    .bat600_antibacterial{width: 80px; position: absolute; bottom: 2px; right: 70px;}

    .bat_feature{width: 375px; height: 780px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 365px; position: absolute; top: 135px; right: 5px;}
    .bat600_text2{width: 365px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 175px; position: absolute; top: 5px; left: 110px;}
    .bat600_inside2{font-size: 20px; font-weight: 400; color: #FFFFFF; position: absolute; top: 17px; left: 118px;}
    .bat600_inside3{font-size: 20px; font-weight: 500; color: #FFFFFF; position: absolute;top: 430px; left: 5px;}
    .bat600_inside4{width: 365px; font-size: 16px; font-weight: 200; color: #FFFFFF; position: absolute;top: 455px; left: 5px;}

     /*spec*/
    .spec_img_width{width: 97%;}
    .spec_text_width{width: 97%; margin: 5px 5px 5px 5px;}
    .product_name{font-size: 20px;}
    .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) {
    .main_width{width: 451px;}
    /*header image*/
    .bat_header{width: 451px; height: 165px; overflow: hidden; position: relative;}
    .bat_illust{width: 100px; position: absolute; top: 10px; left: 10px;}
    .bat_logo{width: 350px; position: absolute; top: 10px; left: 90px;}
    .line{height: 36px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 30px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 451px; height: 340px; overflow: hidden; position: relative;}
    .bat600_img1{width: 290px; position: absolute; top: 0px; right: -57px;}
    .bat600_copy1{width: 200px; position: absolute; top: 25px; left: 5px;}
    .bat600_photo1{width: 114px; position: absolute; top: 5px; left: 190px;}
    .bat600_copy2{width: 420px; color: white; font-size: 16px; font-weight: 200; border-left: solid white 10px; padding-left: 5px; position: absolute; top: 200px; left: 10px;}
    .bat600_antibacterial{width: 80px; position: absolute; bottom: 2px; right: 120px;}

    .bat_feature{width: 451px; height: 800px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 441px; position: absolute; top: 166px; right: 5px;}
    .bat600_text2{width: 451px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 220px; position: absolute; top: 5px; left: 130px;}
    .bat600_inside2{font-size: 26px; font-weight: 400; color: #FFFFFF; position: absolute; top: 17px; left: 136px;}
    .bat600_inside3{font-size: 20px; font-weight: 500; color: #FFFFFF; position: absolute;top: 520px; left: 5px;}
    .bat600_inside4{width: 441px; font-size: 16px; font-weight: 200; color: #FFFFFF; position: absolute;top: 550px; left: 5px;}

    /*spec*/
    .spec_img_width{width: 98%;}
    .spec_text_width{width: 98%; margin: 5px 5px 5px 5px;}
    .product_name{font-size: 24px;}
    .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) {
    .main_width{width: 541px;}
    /*header image*/
    .bat_header{width: 541px; height: 188px; overflow: hidden; position: relative;}
    .bat_illust{width: 120px; position: absolute; top: 10px; left: 15px;}
    .bat_logo{width: 400px; position: absolute; top: 10px; left: 120px;}
    .line{height: 36px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 30px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 541px; height: 417px; overflow: hidden; position: relative;}
    .bat600_img1{width: 355px; position: absolute; top: 0px; right: -57px;}
    .bat600_copy1{width: 250px; position: absolute; top: 25px; left: 5px;}
    .bat600_photo1{width: 140px; position: absolute; top: 10px; left: 210px;}
    .bat600_copy2{width: 420px; color: white; font-size: 18px; font-weight: 200; border-left: solid white 10px; padding-left: 5px; position: absolute; top: 254px; left: 10px;}
    .bat600_antibacterial{width: 100px; position: absolute; bottom: 5px; right: 149px;}

    .bat_feature{width: 541px; height: 850px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 500px; position: absolute; top: 166px; right: 22px;}
    .bat600_text2{width: 541px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 220px; position: absolute; top: 5px; left: 160px;}
    .bat600_inside2{font-size: 26px; font-weight: 400; color: #FFFFFF; position: absolute; top: 17px; left: 166px;}
    .bat600_inside3{font-size: 20px; font-weight: 500; color: #FFFFFF; position: absolute;top: 573px; left: 5px;}
    .bat600_inside4{width: 531px; font-size: 16px; font-weight: 200; color: #FFFFFF; position: absolute;top: 600px; left: 5px;}

    /*spec*/
    .spec_img_width{width: 98%;}
    .spec_text_width{width: 98%; margin: 5px 5px 5px 5px;}
    .product_name{font-size: 24px;}
    .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) {
    .main_width{width: 726px;}
    /*header image*/
    .bat_header{width: 726px; height: 222px; overflow: hidden; position: relative;}
    .bat_illust{width: 150px; position: absolute; top: 10px; left: 30px;}
    .bat_logo{width: 520px; position: absolute; top: 10px; left: 180px;}
    .line{height: 36px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 30px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 726px; height: 417px; overflow: hidden; position: relative;}
    .bat600_img1{width: 355px; position: absolute; top: 0px; right: -35px;}
    .bat600_copy1{width: 320px; position: absolute; top: 25px; left: 10px;}
    .bat600_photo1{width: 140px; position: absolute; top: 10px; left: 327px;}
    .bat600_copy2{width: 420px; color: white; font-size: 24px; font-weight: 200; border-left: solid white 15px; padding-left: 10px; position: absolute; top: 270px; left: 10px;}
    .bat600_antibacterial{width: 120px; position: absolute; bottom: 5px; right: 145px;}

    .bat_feature{width: 726px; height: 375px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 325px; position: absolute; top: 50px; right: 10px;}
    .bat600_text2{width: 600px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 220px; position: absolute; top: 0px; left: 90px;}
    .bat600_inside2{font-size: 26px; font-weight: 400; color: #FFFFFF; position: absolute; top: 11px; left: 96px;}
    .bat600_inside3{font-size: 18px; font-weight: 500; color: #FFFFFF; position: absolute;top: 140px; left: 5px;}
    .bat600_inside4{width: 394px; font-size: 14px; font-weight: 200; color: #FFFFFF; position: absolute;top: 160px; left: 5px;}

    /*spec*/
    .spec_img_width{width: 46%;}
    .spec_text_width{width: 50%; margin: 30px 5px 5px 5px;}
    .product_name{font-size: 20px;}
    .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){
    .main_width{width: 801px;}
    /*header image*/
    .bat_header{width: 801px; height: 255px; overflow: hidden; position: relative;}
    .bat_illust{width: 180px; position: absolute; top: 10px; left: 12px;}
    .bat_logo{width: 600px; position: absolute; top: 10px; left: 190px;}
    .line{height: 36px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 30px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 801px; height: 550px; overflow: hidden; position: relative;}
    .bat600_img1{width: 470px; position: absolute; top: 0px; right: -35px;}
    .bat600_copy1{width: 320px; position: absolute; top: 27px; left: 25px;}
    .bat600_photo1{width: 187px; position: absolute; top: 10px; left: 320px;}
    .bat600_copy2{width: 420px; color: white; font-size: 27px; font-weight: 200; border-left: solid white 15px; padding-left: 10px; position: absolute; top: 310px; left: 20px;}
    .bat600_antibacterial{width: 150px; position: absolute; bottom: 10px; right: 215px;}

    .bat_feature{width: 801px; height: 375px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 400px; position: absolute; top: 10px; right: 10px;}
    .bat600_text2{width: 600px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 220px; position: absolute; top: 0px; left: 90px;}
    .bat600_inside2{font-size: 26px; font-weight: 400; color: #FFFFFF; position: absolute; top: 11px; left: 96px;}
    .bat600_inside3{font-size: 18px; font-weight: 500; color: #FFFFFF; position: absolute;top: 140px; left: 5px;}
    .bat600_inside4{width: 394px; font-size: 14px; font-weight: 200; color: #FFFFFF; position: absolute;top: 160px; left: 5px;}

    /*spec*/
    .spec_img_width{width: 46%;}
    .spec_text_width{width: 50%; margin: 50px 5px 5px 5px;}
    .product_name{font-size: 22px;}
    .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){
    .main_width{width: 951px;}
    /*header image*/
    .bat_header{width: 951px; height: 280px; overflow: hidden; position: relative;}
    .bat_illust{width: 190px; position: absolute; top: 10px; left: 40px;}
    .bat_logo{width: 660px; position: absolute; top: 10px; left: 240px;}
    .line{height: 48px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 40px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 951px; height: 600px; overflow: hidden; position: relative;}
    .bat600_img1{width: 520px; position: absolute; top: 0px; right: -35px;}
    .bat600_copy1{width: 390px; position: absolute; top: 15px; left: 15px;}
    .bat600_photo1{width: 204px; position: absolute; top: 10px; left: 400px;}
    .bat600_copy2{width: 420px; color: white; font-size: 32px; font-weight: 200; border-left: solid white 15px; padding-left: 10px; position: absolute; top: 345px; left: 20px;}
    .bat600_antibacterial{width: 169px; position: absolute; bottom: 10px; right: 225px;}

    .bat_feature{width: 951px; height: 465px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 500px; position: absolute; top: 10px; right: 10px;}
    .bat600_text2{width: 600px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 300px; position: absolute; top: 0px; left: 75px;}
    .bat600_inside2{font-size: 36px; font-weight: 400; color: #FFFFFF; position: absolute; top: 18px; left: 80px;}
    .bat600_inside3{font-size: 20px; font-weight: 500; color: #FFFFFF; position: absolute;top: 190px; left: 6px;}
    .bat600_inside4{width: 434px; font-size: 16px; font-weight: 200; color: #FFFFFF; position: absolute;top: 215px; left: 6px;}

    /*spec*/
    .spec_img_width{width: 46%;}
    .spec_text_width{width: 50%; margin: 70px 5px 5px 5px;}
    .product_name{font-size: 24px;}
    .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) {
    .main_width{width: 1140px;}
    /*header image*/
    .bat_header{width: 1140px; height: 322px; overflow: hidden; position: relative;}
    .bat_illust{width: 220px; position: absolute; top: 10px; left: 70px;}
    .bat_logo{width: 730px; position: absolute; top: 10px; left: 325px;}
    .line{height: 55px; position: absolute; bottom: 0px; left: 0px;}
    .header_text1{font-size: 48px; color: black; text-align: center; position: absolute; bottom: -2px; left: 0px;}

    .bat_copy{width: 1140px; height: 600px; overflow: hidden; position: relative;}
    .bat600_img1{width: 640px; position: absolute; top: 0px; right: 0px;}
    .bat600_copy1{width: 400px; position: absolute; top: 15px; left: 40px;}
    .bat600_photo1{width: 204px; position: absolute; top: 10px; left: 460px;}
    .bat600_copy2{width: 420px; color: white; font-size: 36px; font-weight: 200; border-left: solid white 15px; padding-left: 10px; position: absolute; top: 345px; left: 50px;}
    .bat600_antibacterial{width: 180px; position: absolute; bottom: 10px; right: 300px;}

    .bat_feature{width: 1140px; height: 535px; overflow: hidden; position: relative;}
    .bat600_feature_img{width: 600px; position: absolute; top: 10px; right: 0px;}
    .bat600_text2{width: 600px; position: absolute; top: 10px; left: 0px;}
    .bat600_text2_inside{width: 100%; position: relative;}
    .bat600_inside1{width: 340px; position: absolute; top: 0px; left: 75px;}
    .bat600_inside2{font-size: 40px; font-weight: 400; color: #FFFFFF; position: absolute; top: 18px; left: 80px;}
    .bat600_inside3{font-size: 24px; font-weight: 500; color: #FFFFFF; position: absolute;top: 218px; left: 6px;}
    .bat600_inside4{width: 470px; font-size: 18px; font-weight: 200; color: #FFFFFF; position: absolute;top: 250px; left: 6px;}


    /*spec*/
    .spec_img_width{width: 40%;}
    .spec_text_width{width: 50%; margin: 80px 5px 5px 5px;}
    .product_name{font-size: 24px;}
    .price{font-size: 20px;}
    .spec_name{ width: 200px; font-size: 16px; margin-left: 2px;}
    .spec_text{font-size: 16px; margin-left: 2px;}
}

/*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:756px){
    .arrow_none{
        display: none;
    }
}