body {
    background-image: url("https://www.j-guitar.com/jg_sale/img_jg-sale_250908-5455/jg-sale_bg.jpg");
background-repeat: repeat;
}
#wrapper_jg-sale a:link, #wrapper_jg-sale a:visited, #wrapper_jg-sale a:hover {
        color: #BF0000 !important;
}


.box_top {
    position: relative;
    top:0;
    left: 0;
}

.box_top img {
    position: absolute;
    top:9px;
    left: 5px;
}

.cb4 {
    clear: both;
}

.box_all {
	text-align: left;
}

#wrapper_jg-sale section {
	width: 100%;
	margin: 0 auto;
}

#wrapper_jg-sale a:link, #wrapper_jg-sale a:visited, #wrapper_jg-sale a:hover {
	color: #000;
}

#wrapper_jg-sale p {
    font-size: 0.9rem;
}

#wrapper_jg-sale picture img { /* images unlimited size */
	max-width: 100%;
    height: auto;
}

#wrapper_jg-sale p span {
font-weight: bold;
color: #CC0000;
}

#wrapper_jg-sale #bt-link {
	max-width: 720px;
	text-align: center;
	margin-top: 20px;
}

#end-text {
	padding: 30px 0;
}
ul img {
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
ul img:hover {
  transition-duration: 0.2s;
filter: brightness(108%) ;
}
@media screen and (min-width:1280px) { /* 1280px - X */
.cb {
    clear: both;
}

#end-text .text1 {
        font-size: 1.6rem;
        color: #CC0000;
        font-weight: bold;
            margin-top: 10px;
        text-align :center;
    }  
#end-text .text2 {
        font-size: 1.4rem;
        color: #0000CC;
        font-weight: bold;
         margin-top: 10px;
        text-align :center;
        margin-bottom: 0px;
    }	
#end-text .kome_member {
        font-size: 1rem;
        margin-bottom: 25px;
        text-align :center;
    color: #CC0000;
    font-weight: bold;
    } 
#end-text .kome_member a {
    color: #0000CC !important;
    text-decoration: underline;
}
   
#header, #text-link, #sale_new {
    max-width: 800px;
}


#wrapper_jg-sale ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#bt-link {
        text-align: left;        
}
#bt-link li .bt {
	max-width: 100%;
}
	
#bt-link li {
	display: inline-block;
	max-width: 32%;
	padding: 5px;
}



#wrapper_jg-sale .sale_label {
  color: #FFFF00;
    background: #DC0000;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 13px;
}

#wrapper_jg-sale #sale_new .box {
    height: 100%;
    border: 1px solid #FFFE13;
    border-radius: 0 0 6px 6px ;
    font-size: 18px;
    font-weight: bold;
    background: #FFFFFF;
    text-align: center;
}    
#wrapper_jg-sale #sale_new .box_top {
    height: 40px;
    line-height: 40px;
    border: 1px solid #FFFE13;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    background: linear-gradient(to bottom, #FFFF0E, #EAEA00);
    margin: 15px 0 0 0;
    color: #BF0000;
}
  
#wrapper_jg-sale #sale_new picture {
margin: 0;
padding: 0;
max-width: 196px;
max-height: 19px; 
    float: left;
}
#wrapper_jg-sale #sale_new h3 {
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
    font-weight: bold;
    font-size: 1.4rem;
}
    
 #wrapper_jg-sale #sale_new h3 .small_text{
    text-align: center;
    margin: 0;
    padding: 5px 0 0 0;
    font-weight: bold;
    font-size: 1.2rem;    
}   
#wrapper_jg-sale #sale_new .clg{
letter-spacing: -0.1rem;  
}     
    
#wrapper_jg-sale .bt_more {
    display: inline-block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}
#wrapper_jg-sale .bt_more a:link {
    color: #E20001;
    text-decoration: none;
    display: block;
    border: 1px solid #E20001;
    border-radius: 6px;
     background: linear-gradient(to bottom, #FFFFFF, #FFDFDF);
    }
    
#wrapper_jg-sale .bt_more a:hover {
    color: #E20001;
    text-decoration: none;
    display: block;
    background: #FCF5F5;
    border-radius: 6px;
}
#wrapper_jg-sale .bt_more span {
    color: #E20001;
    text-decoration: none;
    margin-left: 5px;
}
   
 
    
#wrapper_jg-sale h2 {
font-size: 1rem;
    padding: 0;
margin: 10px 0 0 0;
    color: #BF0000 !important;
	font-weight: bold;
} 
    
#wrapper_jg-sale #text-link {
    position: relative;
    padding: 10px 0;
}

#wrapper_jg-sale #text-link ul {
    list-style-type: none;
font-size: 0.9rem;
}

#wrapper_jg-sale #text-link li {
    margin: 0 7px;
    padding: 0;
    display: inline;
    position: relative;
    white-space: nowrap;
    color: #CCAEAE !important; /* all font color */
}

#wrapper_jg-sale #text-link li a {
    color: #BF0000 !important; /* all font color */
font-weight: bold;
}

#wrapper_jg-sale #text-link li::after {
    content: "|";
    font-size: 14px;
    position: absolute;
    right: -10px;
}
#wrapper_jg-sale #text-link li:last-child::after {
    content: "";
}
*, ::after, ::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}    
    
  
    
}

@media screen and (min-width:960px) and ( max-width:1280px) { /* 960px - 1280px */
#header, #text-link {
    max-width: 800px;
}
#end-text .text1 {
        font-size: 1.6rem;
        color: #CC0000;
        font-weight: bold;
            margin-top: 10px;
        text-align :center;
    }  
#end-text .text2 {
        font-size: 1.4rem;
        color: #0000CC;
        font-weight: bold;
         margin-top: 10px;
        text-align :center;
        margin-bottom: 0px;
    }
	
#end-text .kome_member {
        font-size: 1rem;
        margin-bottom: 25px;
        text-align :center;
    color: #CC0000;
    font-weight: bold;
    } 
#end-text .kome_member a {
    color: #0000CC !important;
    text-decoration: underline;
}
#bt-link {
        text-align: left;        
}
#bt-link li .bt {
	max-width: 100%;
}
#wrapper_jg-sale ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#bt-link li {
	display: inline-block;
	max-width: 32%;
	padding: 5px;
} 
	




    #wrapper_jg-sale .sale_label {
 color: #FFFF00;
    background: #DC0000;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 13px;
}

#wrapper_jg-sale #sale_new .box {
    height: 100%;
    border: 1px solid #FFFE13;
    border-radius: 0 0 6px 6px ;
    font-size: 18px;
    font-weight: bold;
    background: #FFFFFF;
    text-align: center;
}    
#wrapper_jg-sale #sale_new .box_top {
    height: 40px;
    line-height: 40px;
    border: 1px solid #FFFE13;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    background: linear-gradient(to bottom, #FFFF0E, #EAEA00);
    margin: 15px 0 0 0;
    color: #BF0000;
}
  

#wrapper_jg-sale #sale_new picture {
    margin: 0;
    padding: 0;
    max-width: 196px;
    max-height: 19px; 
    float: left;
}
#wrapper_jg-sale #sale_new h3 {
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 1.4rem;
}
#wrapper_jg-sale #sale_new .clg{
letter-spacing: -0.1rem;  
}       
 #wrapper_jg-sale #sale_new h3 .small_text{
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 1.2rem;    
}   
    
#wrapper_jg-sale .bt_more {
    display: inline-block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}
#wrapper_jg-sale .bt_more a:link {
    color: #E20001;
    text-decoration: none;
    display: block;
    border: 1px solid #E20001;
    border-radius: 6px;
     background: linear-gradient(to bottom, #FFFFFF, #FFDFDF);
    }
    
#wrapper_jg-sale .bt_more a:hover {
    color: #E20001;
    text-decoration: none;
    display: block;
    background: #FCF5F5;
    border-radius: 6px;
}
#wrapper_jg-sale .bt_more span {
    color: #E20001;
    text-decoration: none;
    margin-left: 5px;
}
    

#wrapper_jg-sale h2 {
font-size: 1rem;
    padding: 0;
margin: 10px 0 0 0;
    color: #BF0000 !important;
	font-weight: bold;
}
	
#wrapper_jg-sale #text-link {
    position: relative;
    padding: 10px 0;
}

#wrapper_jg-sale #text-link ul {
    list-style-type: none;
font-size: 0.9rem;
}

#wrapper_jg-sale #text-link li {
    margin: 0 7px;
    padding: 0;
    display: inline;
    position: relative;
    white-space: nowrap;
    color: #CCAEAE !important; /* all font color */
}

#wrapper_jg-sale #text-link li a {
    color: #BF0000 !important; /* all font color */
font-weight: bold;
}

#wrapper_jg-sale #text-link li::after {
    content: "|";
    font-size: 14px;
    position: absolute;
    right: -10px;
}
#wrapper_jg-sale #text-link li:last-child::after {
    content: "";
}
*, ::after, ::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}    
    
    
    

}

@media screen and (min-width:576px) and ( max-width:960px) { /* 576px - 960px */
#header, #text-link, #sale_new {
max-width: 800px;
}
#end-text .text1 {
        font-size: 1.6rem;
        color: #CC0000;
        font-weight: bold;
            margin-top: 10px;
        text-align :center;
    }  
#end-text .text2 {
        font-size: 1.4rem;
        color: #0000CC;
        font-weight: bold;
         margin-top: 10px;
        text-align :center;
        margin-bottom: 0px;
    }
	
#end-text .kome_member {
        font-size: 1rem;
        margin-bottom: 25px;
        text-align :center;
    color: #CC0000;
    font-weight: bold;
    } 
#end-text .kome_member a {
    color: #0000CC !important;
    text-decoration: underline;
}
	
 #wrapper_jg-sale ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#bt-link {
        text-align: left;        
}
#bt-link li .bt {
	max-width: 100%;
}
#bt-link li {
	display: inline-block;
	max-width: 32%;
	padding: 5px;
} 


#wrapper_jg-sale .sale_label {
color: #FFFF00;
    background: #DC0000;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 13px;
}


#wrapper_jg-sale #sale_new .box {
    height: 100%;
    border: 1px solid #FFFE13;
    border-radius: 0 0 6px 6px ;
    font-size: 18px;
    font-weight: bold;
    background: #FFFFFF;
    text-align: center;
}    
#wrapper_jg-sale #sale_new .box_top {
    height: 40px;
    line-height: 40px;
    border: 1px solid #FFFE13;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    background: linear-gradient(to bottom, #FFFF0E, #EAEA00);
    margin: 15px 0 0 0;
    color: #BF0000;
}
  
#wrapper_jg-sale #sale_new picture {
margin: 0;
padding: 0;
max-width: 196px;
max-height: 19px; 
    float: left;
}
    
#wrapper_jg-sale #sale_new .sale_mark {
margin: 0;
padding: 0;
max-width: 86px;
max-height: 19px; 
    float: left;
}
#wrapper_jg-sale #sale_new h3 {
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 1.4rem;
}
 #wrapper_jg-sale #sale_new .clg{
letter-spacing: -0.1rem;  
}      
#wrapper_jg-sale #sale_new h3 .small_text{
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 1.2rem;    
}
    
#wrapper_jg-sale .bt_more {
    display: inline-block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}
#wrapper_jg-sale .bt_more a:link {
    color: #E20001;
    text-decoration: none;
    display: block;
    border: 1px solid #E20001;
    border-radius: 6px;
     background: linear-gradient(to bottom, #FFFFFF, #FFDFDF);
    }
    
#wrapper_jg-sale .bt_more a:hover {
    color: #E20001;
    text-decoration: none;
    display: block;
    background: #FCF5F5;
    border-radius: 6px;
}
#wrapper_jg-sale .bt_more span {
    color: #E20001;
    text-decoration: none;
    margin-left: 5px;
}

#wrapper_jg-sale h2 {
font-size: 1rem;
    padding: 0;
margin: 10px 0 0 0;
    color: #BF0000 !important;
	font-weight: bold;
}
    
#wrapper_jg-sale #text-link {
    position: relative;
    padding: 10px 0;
}

#wrapper_jg-sale #text-link ul {
    list-style-type: none;
font-size: 0.9rem;
}

#wrapper_jg-sale #text-link li {
    margin: 0 7px;
    padding: 0;
    display: inline;
    position: relative;
    white-space: nowrap;
    color: #CCAEAE !important; /* all font color */
}

#wrapper_jg-sale #text-link li a {
    color: #BF0000 !important; /* all font color */
font-weight: bold;
}

#wrapper_jg-sale #text-link li::after {
    content: "|";
    font-size: 14px;
    position: absolute;
    right: -10px;
}
#wrapper_jg-sale #text-link li:last-child::after {
    content: "";
}
*, ::after, ::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}    

}


@media  (max-width:575px) { /* X - 575 */
body {
    background-image: url("https://www.j-guitar.com/jg_sale/img_jg-sale_250908-5455/jg-sale_bg_sp.jpg");
background-repeat: repeat;
   background-size: cover;
   background-position: center;
background-size: 90%;
}
	
.cb3 {
    clear: both;
}
	
#bt-link img { 

}	
	
#end-text .text1 {
        font-size: 1.6rem;
        color: #CC0000;
        font-weight: bold;
            margin-top: 10px;
        text-align :center;
    }  
#end-text .text2 {
        font-size: 1.4rem;
        color: #0000CC;
        font-weight: bold;
         margin-top: 10px;
        text-align :center;
        margin-bottom: 0px;
    }	
	
#end-text .kome_member {
        font-size: 1rem;
        margin-bottom:25px;
        text-align :center;
        color: #CC0000;
        font-weight: bold;
}

#end-text .kome_member a {
    color: #0000CC !important;
    text-decoration: underline;
}

#header, #text-link, #sale_new {
max-width: 575px;
}
#bt-link {
        text-align: left;        
}
#bt-link li .bt {
	max-width: 100%;
}
#bt-link li {
	display: inline-block;
	max-width: 49%;
	padding: 5px;
} 

#wrapper_jg-sale ul {
    list-style: none;
    margin: 0;
    padding: 0;
}




#wrapper_jg-sale #sale_new .box {
    height: 100%;
    border: 1px solid #FFFE13;
    border-radius: 0 0 6px 6px ;
    font-size: 18px;
    font-weight: bold;
    background: #FFFFFF;
        text-align:  center;
}    
#wrapper_jg-sale #sale_new .box_top {
    height: 40px;
    line-height: 40px;
    border: 1px solid #FFFE13;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    background: linear-gradient(to bottom, #FFFF0E, #EAEA00);
    margin: 15px 0 0 0;
    color: #BF0000;
}
  

#wrapper_jg-sale #sale_new picture {
display: none;
}
#wrapper_jg-sale #sale_new h3 {
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 1.4rem;    
}
    
#wrapper_jg-sale #sale_new h3 .small_text{
    text-align: center;
margin: 0;
padding: 5px 0 0 0;
        font-weight: bold;
        font-size: 1rem;    
}
    
#wrapper_jg-sale .bt_more {
    display: inline-block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
}
#wrapper_jg-sale .bt_more a:link {
    color: #E20001;
    text-decoration: none;
    display: block;
    border: 1px solid #E20001;
    border-radius: 6px;
     background: linear-gradient(to bottom, #FFFFFF, #FFDFDF);
    }
    
#wrapper_jg-sale .bt_more a:hover {
    color: #E20001;
    text-decoration: none;
    display: block;
    background: #FCF5F5;
    border-radius: 6px;
}
#wrapper_jg-sale .bt_more span {
    color: #E20001;
    text-decoration: none;
    margin-left: 5px;
}
    
#wrapper_jg-sale .sale_label {
color: #FFFF00;
    background: #DC0000;
    font-weight: bold;
    padding: 0 10px;
    margin: 0 5px;
    font-size: 13px;
}
    
#wrapper_jg-sale h2 {
font-size: 1.2rem;
    padding: 0;
margin: 10px 0 0 0;
    color: #BF0000 !important;
	font-weight: bold;
}
#wrapper_jg-sale #text-link {
    position: relative;
    padding: 10px 0;
}

#wrapper_jg-sale #text-link ul {
    list-style-type: none;
font-size: 1rem;
 line-height: 2rem;   
}

#wrapper_jg-sale #text-link li {
    margin: 0 6px;
    padding: 0;
    display: inline;
    position: relative;
    white-space: nowrap;
    color: #CCAEAE !important; /* all font color */
}

#wrapper_jg-sale #text-link li a {
    color: #BF0000 !important; /* all font color */
font-weight: bold;
}

#wrapper_jg-sale #text-link li::after {
    content: "|";
    font-size: 14px;
    position: absolute;
    right: -10px;
}
#wrapper_jg-sale #text-link li:last-child::after {
    content: "";
}
*, ::after, ::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
}