/*PC用*/
@media screen and (min-width: 1441px) {
  .contents__inner20 img {
    width: 100%;
  }
.nav_gift img{border: 4px solid #fedddd;}
.nav_ap img{border: 4px solid #dfdfde;}	
.nav_fb img{border: 4px solid #fdf3d9;}	
	.nav_cool img{border: 4px solid #e1f4ff;}
	.nav_naire img{border: 4px solid #d2ecd2;}
		.nav_naire_no_border{border: none!important;}

  .nav_col_5 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .nav_col_5 li {
    border: 1px solid #e0e0e0;
    border-right: none;
    margin: 0;
    padding: 10px;
    background: #ffffff;
    width: 20%;
  }
  .fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
  }
  .nav_col_5 {
    list-style: none;
    padding: 0;
  }
 li.Btn {
    position: relative;
    display: block;
    padding: 15px 0;
    text-align: center;
    color: #000;
    font-size: 16px;
}
  li.Btn a {
    text-decoration: none;
    display: block;
    color: #555 !important;
  }
  .Btn-Icon {
    position: absolute;
    top: 50%;
    right: 30px; /*右からの距離*/
    width: 10px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
  }
  .Btn-Icon_hiraku {
    position: absolute;
    top: 50%;
    margin-left: 30px;
    width: 10px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
  }
  .Btn-Icon_hiraku2 {
    position: absolute;
    top: 50%;
    margin-left: 15px;
    width: 10px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
  }
  .Btn-Icon_hiraku3 {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    width: 10px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
  }
	
	 .Btn-Icon_hiraku4 {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    width: 10px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
  }
  /*グロナビ*/
  .contents__inner20 {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0px auto 15px;
    background-color: #f7f6f6;
    border-bottom: 1px solid #e0e0e0;
  }
  .menu20 {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20 > li {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20 > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20 > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
  }
  .menu20 > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20 > li a:hover {
    color: #999;
  }
  .menu20 > li.secondline {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_coolbag {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20_coolbag > li {
    float: left;
    width: 50%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
	  .menu20_coolbag > li.secondline {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_coolbag > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20_coolbag > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_coolbag > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20_coolbag > li a:hover {
    color: #999;
  }
  .menu20_naire {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20_naire > li {
    float: left;
    width: 16.666%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
	  .menu20_naire > li.secondline {
    float: left;
     width: 16.666%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_naire > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20_naire > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_naire > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20_naire > li a:hover {
    color: #999;
  }
  .menu__mega20 .menu__second-level20 {
    position: absolute;
    top: 80px !important;
    left: 0px;
    box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);
  }
  .menu__mega20:hover {
    background-image: url(https://wrapping.itembox.design/item/images/contents/sankaku.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99999;
  }
  .menu20:before, .menu20:after {
    content: "";
  }
  .menu20 {
    *zoom: 1;
  }
  .menu__second-level20 div {
    line-height: normal;
  }
  .menu__mega20:hover .menu__second-level20 {
    top: 100px;
    visibility: visible;
    opacity: 1;
  }
	  .secondline:hover {
    background-image: url(https://wrapping.itembox.design/item/images/contents/sankaku.png)!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;
  }
	
	
  .mb10 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .gr20_w100box {
    width: 100%;
  }
  .gr20_list {
    margin-bottom: 5px;
    height: 55px;
    vertical-align: middle;
  }
  .gr20_w100box_wk {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 15px 10px;
    float: left;
  }
	  .gr20_w100box_wk2 {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 5px 10px;
    float: left;
  }

 
  .bg_pink_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #f9b4b4 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 9999;
  }
  .bg_pink_on:before, .bg_pink_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_pink_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #f9b4b4;
    margin-left: -16px;
  }
  .bg_pink_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_gray_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #acabab !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 9999;
  }
  .bg_gray_on:before, .bg_gray_on:after {
    position: absolute;
    top: 100%;
    left: 70%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_gray_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #acabab;
    margin-left: -16px;
  }
  .bg_gray_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_yellow_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #f9ebb4 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 9999;
  }
  .bg_yellow_on:before, .bg_yellow_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_yellow_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #f9ebb4;
    margin-left: -16px;
  }
  .bg_yellow_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_blue_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #b4ddf9 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 9999;
  }
  .bg_blue_on:before, .bg_blue_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_blue_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #b4ddf9;
    margin-left: -16px;
  }
  .bg_blue_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_green_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #75b9c8 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 9999;
  }
  .bg_green_on:before, .bg_green_on:after {
    position: absolute;
    top: 100%;
    left: 30%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_green_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #75b9c8;
    margin-left: -16px;
  }
  .bg_green_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_lightpink {
    background-color: #fef6f6 !important;
  }
  .bg_lightgray {
    background-color: #f6f4f4 !important;
  }
  .bg_lightyellow {
    background-color: #fefdf6 !important;
  }
  .bg_lightblue {
    background-color: #f6fbfe !important;
  }
  .bg_lightgreen {
    background-color: #f6fef6 !important;
  }
  .nav_80p {
    margin: 0;
    font-size: clamp(12px, 1vw, 80%);
    line-height: normal;
    display: inline-flex;
  }
  .nav_90p {
    margin-top: 3px;
    font-size: clamp(12px, 1vw, 90%);
    line-height: normal;
    display: inline-flex;
  }
  .nav_100p {
    margin: 0;
    font-size: clamp(12px, 1vw, 100%);
    line-height: normal;
    display: inline-flex;
  }
  .col_100p {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_41p {
    width: 41%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_56p {
    width: 56%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_28p {
    width: 28%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
		.col_33p {
    width: 33%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
		.col_65p {
    width: 65%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_71p {
    width: 70%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }

  .nav_wk_gray {
    border: 1px solid #d2d0d0;
    padding: 10px 5px 5px;
    border-radius: 20px;
    margin: 5px;
  }
  .nav_wk_white {
    border: 1px solid #ffffff;
    padding: 10px 5px 5px;
    border-radius: 20px;
    margin: 5px;
  }
  .fb_color1 {
    background-color: #000000;
    width: 100%;
    height: 70px;
  }
  .fb_color2 {
    background-color: #ffffff;
	 border: 1px solid #cccccc;
    width: 100%;
    height: 70px;
  }
  .fb_color3 {
    background-color: #122461;
    width: 100%;
    height: 70px;
  }
  .fb_color4 {
    background-color: #efdfb7;
    width: 100%;
    height: 70px;
  }
  .fb_color5 {
    background-color: #c6d1d7;
    width: 100%;
    height: 70px;
  }
  .fb_color6 {
    background-color: #582d2f;
    width: 100%;
    height: 70px;
  }
  .fb_color7 {
    background-color: #8f003c;
    width: 100%;
    height: 70px;
  }
  .fb_color8 {
    background-color: #5c615f;
    width: 100%;
    height: 70px;
  }
  .fb_color9 {
    background-color: #214c2c;
    width: 100%;
    height: 70px;
  }
  .fb_color10 {
    background-color: #f9ccdf;
    width: 100%;
    height: 70px;
  }
  .fb_color11 {
    background-color: #c6eafa;
    width: 100%;
    height: 70px;
  }
  .fb_color12 {
    background-color: #f36e21;
    width: 100%;
    height: 70px;
  }
  .fb_color13 {
    background-color: #ef377f;
    width: 100%;
    height: 70px;
  }
  .fb_color14 {
    background-color: #ee1b2d;
    width: 100%;
    height: 70px;
  }
  .fb_color15 {
    background-color: #cadb2a;
    width: 100%;
    height: 70px;
  }
  .fb_color16 {
    background-color: #ffdf68;
    width: 100%;
    height: 70px;
  }
  .fb_color17 {
    background-color: #f390bc;
    width: 100%;
    height: 70px;
  }
  .fb_color18 {
    background-color: #21bdbd;
    width: 100%;
    height: 70px;
  }
  .fb_color19 {
    background-color: #007ec5;
    width: 100%;
    height: 70px;
  }
  .fb_color20 {
    background-color: #f9f4d0;
    width: 100%;
    height: 70px;
  }
	  .wr_color1_lightpink {background-color: #fde5e3; width: 100%; height: 70px;}

  .wr_color2_pastelblue {background-color: #c6e4fc; width: 100%; height: 70px;}

  .wr_color3_peachpink {background-color: #ee7e94; width: 100%; height: 70px;}

  .wr_color4_rosepink {background-color: #f3637a; width: 100%; height: 70px;}

  .wr_color5_red {background-color: #c9241e; width: 100%; height: 70px;}

  .wr_color6_rosered {background-color: #ac232b; width: 100%; height: 70px;}

  .wr_color7_bordeaux {background-color: #7b3b4b; width: 100%; height: 70px;}

  .wr_color8_navy {background-color: #2f2e50; width: 100%; height: 70px;}

  .wr_color9_lightpurple {background-color: #c0b0ca; width: 100%; height: 70px;}

  .wr_color10_green {background-color: #024941; width: 100%; height: 70px;}

  .wr_color11_lightgreen {background-color: #c7e06a; width: 100%; height: 70px;}

  .wr_color12_yellow {background-color: #e9cf18; width: 100%; height: 70px;}

  .wr_color13_orange {background-color: #e87b12; width: 100%; height: 70px;}

  .wr_color14_beige {background-color: #d6d497; width: 100%; height: 70px;}

  .wr_color15_lightbrown {background-color: #ceb891; width: 100%; height: 70px;}

  .wr_color16_darkbrown {background-color: #685557; width: 100%; height: 70px;}

  .wr_color17_black {background-color: #09080e; width: 100%; height: 70px;}

  .wr_color18_white {background-color: #e3e3e5; width: 100%; height: 70px;}

	.wr_color19_pink {background-color: #e59bb4; width: 100%; height: 70px;}

  .wr_color20_lightblue {background-color: #83dcea; width: 100%; height: 70px;}

  .wr_color21_gold {background-color: #ac9e01; width: 100%; height: 70px;}

  .wr_color22_silver {background-color: #c0c0c0; width: 100%; height: 70px;}
  

}
/* Laptop対策 */
@media (min-width:1100px) and (max-width:1440px) {
  .contents__inner20 img {
    width: 100%;
  }
	.nav_gift img{border: 4px solid #fedddd;}
.nav_ap img{border: 4px solid #dfdfde;}	
.nav_fb img{border: 4px solid #fdf3d9;}	
	.nav_cool img{border: 4px solid #e1f4ff;}
	.nav_naire img{border: 4px solid #d2ecd2;}
  .nav_col_5 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .nav_col_5 li {
    border: 1px solid #e0e0e0;
    border-right: none;
    margin: 0;
    padding: 10px;
    background: #ffffff;
    width: 20%;
  }
  .fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
  }
  .nav_col_5 {
    list-style: none;
    padding: 0;
  }
  li.Btn {
    position: relative;
    display: block;
    padding: 15px 0; /*上下余白指定*/
    text-align: center; /*テキスト中央寄せ*/
    color: #000;
    font-size: 16px;
  }
  li.Btn a {
    text-decoration: none;
    display: block;
    color: #555 !important;
  }
  .Btn-Icon {
    position: absolute;
    top: 50%;
    right: 30px; /*右からの距離*/
    width: 10px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
    font-size: 70%;
  }
  .Btn-Icon_hiraku {
    position: absolute;
    top: 50%;
    margin-left: 30px;
    width: 5px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
    font-size: 70%;
  }
  .Btn-Icon_hiraku2 {
    position: absolute;
    top: 50%;
    margin-left: 15px;
    width: 5px; /*アイコンの横幅指定*/
    transform: translateY(-50%); /*この指定で上下中央に*/
    font-size: 70%;
  }
  .Btn-Icon_hiraku3 {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
    font-size: 70%;
  }
  /*グロナビ*/
  .contents__inner20 {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0px auto 15px;
    background-color: #f7f6f6;
    border-bottom: 1px solid #e0e0e0;
  }
  .menu20 {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20 > li {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20 > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20 > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
  }
  .menu20 > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20 > li a:hover {
    color: #999;
  }
  .menu20 > li.secondline {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20 > li.secondline a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_coolbag {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20_coolbag > li {
    float: left;
    width: 50%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
	  .menu20_coolbag > li.secondline {
    float: left;
    width: 50%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_coolbag > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20_coolbag > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_coolbag > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20_coolbag > li a:hover {
    color: #999;
  }
  .menu20_naire {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20_naire > li {
    float: left;
    width: 16.666%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
	  .menu20_naire > li.secondline {
    float: left;
     width: 16.666%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_naire > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20_naire > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_naire > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20_naire > li a:hover {
    color: #999;
  }
  .menu__mega20 .menu__second-level20 {
    position: absolute;
    top: 80px !important;
    left: 0px;
    box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);
  }
  .menu__mega20:hover {
    background-image: url(https://wrapping.itembox.design/item/images/contents/sankaku.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99999;
  }
  .menu20:before, .menu20:after {
    content: "";
  }
  .menu20 {
    *zoom: 1;
  }
  .menu__second-level20 div {
    line-height: normal;
  }
  .menu__mega20:hover .menu__second-level20 {
    top: 100px;
    visibility: visible;
    opacity: 1;
  }
		  .secondline:hover {
    background-image: url(https://wrapping.itembox.design/item/images/contents/sankaku.png)!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;
  }

  .mb10 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .gr20_w100box {
    width: 100%;
  }
  .gr20_list {
    margin-bottom: 5px;
    height: 55px;
    vertical-align: middle;
  }
  .gr20_w100box_wk {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
      padding: 20px 10px 10px;
    float: left;
  }
	
  .gr20_size60 {
    font-size: 60%;
  }
  .gr20_size70 {
    font-size: 70%;
  }
  .gr20_size80 {
    font-size: 80%;
  }
  .gr20_size90 {
    font-size: 90%;
  }
  .gr20_size100 {
    font-size: 100%;
  }
  .gr20_size120 {
    font-size: 120%;
  }
  .gr20_size130 {
    font-size: 130%;
  }
  .gr20_size100 a {
    font-size: 80%;
  }
  .bg_pink_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #f9b4b4 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_pink_on:before, .bg_pink_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_pink_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #f9b4b4;
    margin-left: -16px;
  }
  .bg_pink_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_gray_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #acabab !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_gray_on:before, .bg_gray_on:after {
    position: absolute;
    top: 100%;
    left: 70%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_gray_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #acabab;
    margin-left: -16px;
  }
  .bg_gray_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_yellow_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #f9ebb4 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_yellow_on:before, .bg_yellow_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_yellow_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #f9ebb4;
    margin-left: -16px;
  }
  .bg_yellow_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_blue_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #b4ddf9 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_blue_on:before, .bg_blue_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_blue_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #b4ddf9;
    margin-left: -16px;
  }
  .bg_blue_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_green_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #75b9c8 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_green_on:before, .bg_green_on:after {
    position: absolute;
    top: 100%;
    left: 30%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_green_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #75b9c8;
    margin-left: -16px;
  }
  .bg_green_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_lightpink {
    background-color: #fef6f6 !important;
  }
  .bg_lightgray {
    background-color: #f6f4f4 !important;
  }
  .bg_lightyellow {
    background-color: #fefdf6 !important;
  }
  .bg_lightblue {
    background-color: #f6fbfe !important;
  }
  .bg_lightgreen {
    background-color: #f6fef6 !important;
  }
  .nav_80p {
    margin: 0;
    font-size: clamp(12px, 1vw, 80%);
    line-height: normal;
    display: inline-flex;
  }
  .nav_90p {
   margin-top: 3px;
    font-size: clamp(12px, 1vw, 90%);
    line-height: normal;
    display: inline-flex;
  }
  .nav_100p {
    margin: 0;
    font-size: clamp(12px, 1vw, 100%);
    line-height: normal;
    display: inline-flex;
  }
  .col_100p {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_41p {
    width: 41%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_56p {
    width: 56%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_28p {
    width: 28%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
		.col_33p {
    width: 33%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
		.col_65p {
    width: 65%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_71p {
    width: 70%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .nav_wk_gray {
    border: 1px solid #d2d0d0;
    padding: 10px 5px 5px;
    border-radius: 20px;
    margin: 5px;
  }
  .nav_wk_white {
    border: 1px solid #ffffff;
    padding: 10px 5px 5px;
    border-radius: 20px;
    margin: 5px;
  }
  .fb_color1 {
    background-color: #000000;
    width: 100%;
    height: 70px;
  }
  .fb_color2 {
    background-color: #ffffff;
	  border: 1px solid #cccccc;
    width: 100%;
    height: 70px;
  }
  .fb_color3 {
    background-color: #122461;
    width: 100%;
    height: 70px;
  }
  .fb_color4 {
    background-color: #efdfb7;
    width: 100%;
    height: 70px;
  }
  .fb_color5 {
    background-color: #c6d1d7;
    width: 100%;
    height: 70px;
  }
  .fb_color6 {
    background-color: #582d2f;
    width: 100%;
    height: 70px;
  }
  .fb_color7 {
    background-color: #8f003c;
    width: 100%;
    height: 70px;
  }
  .fb_color8 {
    background-color: #5c615f;
    width: 100%;
    height: 70px;
  }
  .fb_color9 {
    background-color: #214c2c;
    width: 100%;
    height: 70px;
  }
  .fb_color10 {
    background-color: #f9ccdf;
    width: 100%;
    height: 70px;
  }
  .fb_color11 {
    background-color: #c6eafa;
    width: 100%;
    height: 70px;
  }
  .fb_color12 {
    background-color: #f36e21;
    width: 100%;
    height: 70px;
  }
  .fb_color13 {
    background-color: #ef377f;
    width: 100%;
    height: 70px;
  }
  .fb_color14 {
    background-color: #ee1b2d;
    width: 100%;
    height: 70px;
  }
  .fb_color15 {
    background-color: #cadb2a;
    width: 100%;
    height: 70px;
  }
  .fb_color16 {
    background-color: #ffdf68;
    width: 100%;
    height: 70px;
  }
  .fb_color17 {
    background-color: #f390bc;
    width: 100%;
    height: 70px;
  }
  .fb_color18 {
    background-color: #21bdbd;
    width: 100%;
    height: 70px;
  }
  .fb_color19 {
    background-color: #007ec5;
    width: 100%;
    height: 70px;
  }
  .fb_color20 {
    background-color: #f9f4d0;
    width: 100%;
    height: 70px;
  }
	  .wr_color1_lightpink {background-color: #fde5e3; width: 100%; height: 70px;}

  .wr_color2_pastelblue {background-color: #c6e4fc; width: 100%; height: 70px;}

  .wr_color3_peachpink {background-color: #ee7e94; width: 100%; height: 70px;}

  .wr_color4_rosepink {background-color: #f3637a; width: 100%; height: 70px;}

  .wr_color5_red {background-color: #c9241e; width: 100%; height: 70px;}

  .wr_color6_rosered {background-color: #ac232b; width: 100%; height: 70px;}

  .wr_color7_bordeaux {background-color: #7b3b4b; width: 100%; height: 70px;}

  .wr_color8_navy {background-color: #2f2e50; width: 100%; height: 70px;}

  .wr_color9_lightpurple {background-color: #c0b0ca; width: 100%; height: 70px;}

  .wr_color10_green {background-color: #024941; width: 100%; height: 70px;}

  .wr_color11_lightgreen {background-color: #c7e06a; width: 100%; height: 70px;}

  .wr_color12_yellow {background-color: #e9cf18; width: 100%; height: 70px;}

  .wr_color13_orange {background-color: #e87b12; width: 100%; height: 70px;}

  .wr_color14_beige {background-color: #d6d497; width: 100%; height: 70px;}

  .wr_color15_lightbrown {background-color: #ceb891; width: 100%; height: 70px;}

  .wr_color16_darkbrown {background-color: #685557; width: 100%; height: 70px;}

  .wr_color17_black {background-color: #09080e; width: 100%; height: 70px;}

  .wr_color18_white {background-color: #e3e3e5; width: 100%; height: 70px;}
		.wr_color19_pink {background-color: #e59bb4; width: 100%; height: 70px;}

  .wr_color20_lightblue {background-color: #83dcea; width: 100%; height: 70px;}

  .wr_color21_gold {background-color: #ac9e01; width: 100%; height: 70px;}

  .wr_color22_silver {background-color: #c0c0c0; width: 100%; height: 70px;}
}
/*タブレッド用*/
@media screen and (max-width: 1099px) {
  .contents__inner20 img {
    width: 100%;
  }
	.nav_gift img{border: 4px solid #fedddd;}
.nav_ap img{border: 4px solid #dfdfde;}	
.nav_fb img{border: 4px solid #fdf3d9;}	
	.nav_cool img{border: 4px solid #e1f4ff;}
	.nav_naire img{border: 4px solid #d2ecd2;}
  nav {
    width: 100%;
  }
  .nav_col_5 {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .nav_col_5 li {
    border: 1px solid #e0e0e0;
    border-right: none;
    margin: 0;
    padding: 10px;
    background: #ffffff;
    width: 20%;
  }
  .nav_col_5 li:first-child {
    border-right: 1px solid #e0e0e0;
  }
  .nav_col_5 li:last-child {
    border-right: 1px solid #e0e0e0;
  }
  .nav_col_5 {
    list-style: none;
    padding: 0;
  }
  li.Btn {
    position: relative;
    display: block;
    padding: 10px 0; /*上下余白指定*/
    text-align: center; /*テキスト中央寄せ*/
    color: #000;
    font-size: 14px;
  }
  li.Btn a {
    text-decoration: none;
    display: block;
    color: #555 !important;
  }
  .Btn-Icon {
    display: none;
  }
  .Btn-Icon_hiraku {
    display: none;
  }
  .Btn-Icon_hiraku2 {
    display: none;
  }
  .Btn-Icon_hiraku3 {
    display: none;
  }
  /*グロナビ*/
  .contents__inner20 {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0px auto 15px;
    background-color: #f7f6f6;
    border-bottom: 1px solid #e0e0e0;
  }
  .menu20 {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20 > li {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20 > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20 > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
  }
  .menu20 > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20 > li a:hover {
    color: #999;
  }
  .menu20 > li.secondline {
    float: left;
    width: 20%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_coolbag {
    position: relative;
    height: 80px;
    width: 80%;
    margin: 0 auto;
  }
  .menu20_coolbag > li {
    float: left;
    width: 50%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
	  .menu20_coolbag > li.secondline {
    float: left;
    width: 50%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_coolbag > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20_coolbag > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_coolbag > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20_coolbag > li a:hover {
    color: #999;
  }
  .menu20_naire {
    position: relative;
    height: 80px;
    width: 100%;
    margin: 0 auto;
  }
  .menu20_naire > li {
    float: left;
    width: 16.666%;
    height: 80px;
    line-height: 80px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
	  .menu20_naire > li.secondline {
    float: left;
     width: 16.666%;
    height: 80px;
    line-height: 60px;
    background: #f7f6f6;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box !important;
    list-style: none !important;
  }
  .menu20_naire > li:first-child {
    border-left: 1px solid #e0e0e0;
  }
  .menu20_naire > li a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 16px;
  }
  .menu20_naire > li.mini a {
    display: block;
    text-align: center;
    text-decoration: none !important;
    color: #444444 !important;
    font-size: 12px;
  }
  .menu20_naire > li a:hover {
    color: #999;
  }
  .menu__mega20 .menu__second-level20 {
    position: absolute;
    top: 80px !important;
    left: 0px;
    box-sizing: border-box;
    width: 100%;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);
  }
  .menu__mega20:hover {
    background-image: url(https://wrapping.itembox.design/item/images/contents/sankaku.png);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 99999;
  }
  .menu20:before, .menu20:after {
    content: "";
  }
  .menu20 {
    *zoom: 1;
  }
  .menu__second-level20 div {
    line-height: normal;
  }
  .menu__mega20:hover .menu__second-level20 {
    top: 100px;
    visibility: visible;
    opacity: 1;
  }
		  .secondline:hover {
    background-image: url(https://wrapping.itembox.design/item/images/contents/sankaku.png)!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;
  }

  .mb10 {
    margin-bottom: 10px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .gr20_w100box {
    width: 100%;
  }
  .gr20_list {
    margin-bottom: 5px;
    height: 55px;
    vertical-align: middle;
  }
  .gr20_w100box_wk {
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    float: left;
  }
	
  .gr20_size60 {
    font-size: 60%;
  }
  .gr20_size70 {
    font-size: 70%;
  }
  .gr20_size80 {
    font-size: 80%;
  }
  .gr20_size90 {
    font-size: 90%;
  }
  .gr20_size100 {
    font-size: 100%;
  }
  .gr20_size120 {
    font-size: 120%;
  }
  .gr20_size130 {
    font-size: 130%;
  }
  .gr20_size100 a {
    font-size: 80%;
  }
  .bg_pink_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #f9b4b4 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_pink_on:before, .bg_pink_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_pink_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #f9b4b4;
    margin-left: -16px;
  }
  .bg_pink_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_gray_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #acabab !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_gray_on:before, .bg_gray_on:after {
    position: absolute;
    top: 100%;
    left: 70%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_gray_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #acabab;
    margin-left: -16px;
  }
  .bg_gray_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_yellow_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #f9ebb4 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_yellow_on:before, .bg_yellow_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_yellow_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #f9ebb4;
    margin-left: -16px;
  }
  .bg_yellow_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_blue_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #b4ddf9 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_blue_on:before, .bg_blue_on:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_blue_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #b4ddf9;
    margin-left: -16px;
  }
  .bg_blue_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_green_on {
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid !important;
    color: #75b9c8 !important;
    font-weight: bold;
    font-size: 26px;
    z-index: 999999;
  }
  .bg_green_on:before, .bg_green_on:after {
    position: absolute;
    top: 100%;
    left: 30%;
    content: "";
    height: 0;
    width: 0;
  }
  .bg_green_on:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: #75b9c8;
    margin-left: -16px;
  }
  .bg_green_on:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
  }
  .bg_lightpink {
    background-color: #f6f4f4 !important;
  }
  .bg_lightgray {
    background-color: #f6f4f4 !important;
  }
  .bg_lightyellow {
    background-color: #fefdf6 !important;
  }
  .bg_lightblue {
    background-color: #f6fbfe !important;
  }
  .bg_lightgreen {
    background-color: #f6fef6 !important;
  }
  .nav_80p {
    margin: 0;
    font-size: clamp(12px, 1vw, 80%);
    line-height: normal;
    display: inline-flex;
  }
  .nav_90p {
    margin-top: 3px;
    font-size: clamp(12px, 1vw, 90%);
    line-height: normal;
    display: inline-flex;
  }
  .nav_100p {
    margin: 0;
    font-size: clamp(12px, 1vw, 100%);
    line-height: normal;
    display: inline-flex;
  }
  .col_100p {
    width: 100%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_41p {
    width: 41%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_56p {
    width: 56%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_28p {
    width: 28%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
		.col_33p {
    width: 33%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
		.col_65p {
    width: 65%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .col_71p {
    width: 70%;
    display: flex;
    display: -ms-flexbox; /* IE10 */
    flex-wrap: wrap;
    -ms-flex-wrap: wrap; /* IE10 */
  }
  .nav_wk_gray {
    border: 1px solid #d2d0d0;
    padding: 10px 5px 5px;
    border-radius: 20px;
    margin: 2px;
  }
  .nav_wk_white {
    border: 1px solid #ffffff;
    padding: 10px 5px 5px;
    border-radius: 20px;
    margin: 2px;
  }
  .fb_color1 {
    background-color: #000000;
    width: 100%;
    height: 70px;
  }
  .fb_color2 {
    background-color: #ffffff;
	  border: 1px solid #cccccc;
    width: 100%;
    height: 70px;
  }
  .fb_color3 {
    background-color: #122461;
    width: 100%;
    height: 70px;
  }
  .fb_color4 {
    background-color: #efdfb7;
    width: 100%;
    height: 70px;
  }
  .fb_color5 {
    background-color: #c6d1d7;
    width: 100%;
    height: 70px;
  }
  .fb_color6 {
    background-color: #582d2f;
    width: 100%;
    height: 70px;
  }
  .fb_color7 {
    background-color: #8f003c;
    width: 100%;
    height: 70px;
  }
  .fb_color8 {
    background-color: #5c615f;
    width: 100%;
    height: 70px;
  }
  .fb_color9 {
    background-color: #214c2c;
    width: 100%;
    height: 70px;
  }
  .fb_color10 {
    background-color: #f9ccdf;
    width: 100%;
    height: 70px;
  }
  .fb_color11 {
    background-color: #c6eafa;
    width: 100%;
    height: 70px;
  }
  .fb_color12 {
    background-color: #f36e21;
    width: 100%;
    height: 70px;
  }
  .fb_color13 {
    background-color: #ef377f;
    width: 100%;
    height: 70px;
  }
  .fb_color14 {
    background-color: #ee1b2d;
    width: 100%;
    height: 70px;
  }
  .fb_color15 {
    background-color: #cadb2a;
    width: 100%;
    height: 70px;
  }
  .fb_color16 {
    background-color: #ffdf68;
    width: 100%;
    height: 70px;
  }
  .fb_color17 {
    background-color: #f390bc;
    width: 100%;
    height: 70px;
  }
  .fb_color18 {
    background-color: #21bdbd;
    width: 100%;
    height: 70px;
  }
  .fb_color19 {
    background-color: #007ec5;
    width: 100%;
    height: 70px;
  }
  .fb_color20 {
    background-color: #f9f4d0;
    width: 100%;
    height: 70px;
  }
	  .wr_color1_lightpink {background-color: #fde5e3; width: 100%; height: 70px;}

  .wr_color2_pastelblue {background-color: #c6e4fc; width: 100%; height: 70px;}

  .wr_color3_peachpink {background-color: #ee7e94; width: 100%; height: 70px;}

  .wr_color4_rosepink {background-color: #f3637a; width: 100%; height: 70px;}

  .wr_color5_red {background-color: #c9241e; width: 100%; height: 70px;}

  .wr_color6_rosered {background-color: #ac232b; width: 100%; height: 70px;}

  .wr_color7_bordeaux {background-color: #7b3b4b; width: 100%; height: 70px;}

  .wr_color8_navy {background-color: #2f2e50; width: 100%; height: 70px;}

  .wr_color9_lightpurple {background-color: #c0b0ca; width: 100%; height: 70px;}

  .wr_color10_green {background-color: #024941; width: 100%; height: 70px;}

  .wr_color11_lightgreen {background-color: #c7e06a; width: 100%; height: 70px;}

  .wr_color12_yellow {background-color: #e9cf18; width: 100%; height: 70px;}

  .wr_color13_orange {background-color: #e87b12; width: 100%; height: 70px;}

  .wr_color14_beige {background-color: #d6d497; width: 100%; height: 70px;}

  .wr_color15_lightbrown {background-color: #ceb891; width: 100%; height: 70px;}

  .wr_color16_darkbrown {background-color: #685557; width: 100%; height: 70px;}

  .wr_color17_black {background-color: #09080e; width: 100%; height: 70px;}

  .wr_color18_white {background-color: #e3e3e5; width: 100%; height: 70px;}
		.wr_color19_pink {background-color: #e59bb4; width: 100%; height: 70px;}

  .wr_color20_lightblue {background-color: #83dcea; width: 100%; height: 70px;}

  .wr_color21_gold {background-color: #ac9e01; width: 100%; height: 70px;}

  .wr_color22_silver {background-color: #c0c0c0; width: 100%; height: 70px;}
}