.shop {
	color: #FFF;
	border-bottom: 1px solid #999;
}
.scr {
	overflow: scroll;
	max-width: 100%;
	height: 250px;
	overflow: auto;
	width: 800px;
}
.scr p{
  padding: 5px;
  padding-left:30px;
}
.col-md-offset-2 {
border-bottom: 10px solid #e49f91;
border-top: 10px solid #e49f91;
padding-top:30px;
padding-bottom:30px;

}

.row-goods {
border-bottom: 10px solid #e49f91;
border-top: 10px solid #e49f91;
padding-top:30px;
padding-bottom:30px;
}
.row-event {
border-bottom: 10px solid #63bab8;
border-top: 10px solid #63bab8;
padding-top:30px;
padding-bottom:30px;
}

.row-comic {
border-bottom: 10px solid #e49f91;
border-top: 10px solid #e49f91;
padding-top:30px;
padding-bottom:30px;
}
.row-comic2 {
border-bottom: 10px solid #63bab8;
border-top: 10px solid #63bab8;
padding-top:30px;
padding-bottom:30px;
}
.row-comic3 {
border-bottom: 10px solid #e96cab;
border-top: 10px solid #e96cab;
padding-top:30px;
padding-bottom:30px;
}
.row-comic4 {
border-bottom: 10px solid #3a749c;
border-top: 10px solid #3a749c;
padding-top:30px;
padding-bottom:30px;
}
.line {
width:100%;
height:10px;
vertical-align: middle;
text-align: center;
padding-left: 100px;
padding-right: 100px;
}
.linep {
width:100%;
height:10px;
vertical-align: middle;
text-align: center;
}


body{  
    margin: 0;  
margin-top:50px;
}  
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    max-width: 100%;  
        width: 100%;  
    height: auto;  
    background-color: #ffffff;  
    color: #fff;  
    z-index :9999;
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  
.menu{
height :30px;
margin-right:20px;
margin-top:20px;
}
.menut{
height :60px;
margin-right:20px;
margin-top:5px;
}
.hlogo {
padding-left : 20px;
margin-right : 60px;

}
.logo {
    max-width: 320px;  
}
.flexslider {
 margin-top :100px;
 }




@media only screen and (max-width: 768px) {

body{  
    margin: 0;  
margin-top:50px;
}  
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    max-width: 100%;  
        width: 100%;  
    height: auto;  
    background-color: #ffffff;  
    color: #fff;  
    z-index :9999;
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  
.menu{
height :20px;
margin-right:20px;
margin-top:20px;
}
.menut{
height :50px;
margin-right:0px;
margin-top:5px;
}
.hlogo {
padding-left : 30px;
margin-right : 20px;

}
.logo {
    max-width: 320px;  
}
.flexslider {
 margin-top :70px;
 }
}


@media only screen and (max-width: 768px) {
body{  
    margin: 0;  
margin-top:50px;
}  
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    max-width: 100%;  
    height: auto;  
    background-color: #ffffff;  
    color: #fff;  
    z-index :9999;
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  
.menu{
height :10px;
margin-right:5px;
}
.menut{
height :20px;
margin-top:15px;
margin-right:0px;

}
.hlogo {
padding-left : 0px;
padding-right : 5px;
margin-right : 0px;

margin-left : 0px;
margin-top : 15px;
height :25px;
}
.logo {
    max-width: 320px;  
}
.flexslider {
 margin-top :60px;
 }
.tw {
	margin: 0 0 0 10px;
	max-width:100%;
}
.scr {
	overflow: scroll;
	max-width:100%;
	height: 250px;
	overflow: auto;
}
}

.floatr {
	float:right;
}
.floatl {
	float:left;
}
.tw {
	margin: 0 0 0 0;
	width: 350px;
	height : 250px;
    overflow: scroll;  
}

@media only screen and (max-width: 300px) {
body{  
    margin: 0;  
margin-top:50px;
}  
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    max-width: 100%;  
    height: auto;  
    background-color: #ffffff;  
    color: #fff;  
    z-index :9999;
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  
.menu{
height :8px;
margin-right:3px;
}
.menut{
height :24px;
margin-top:8px;
margin-right:0px;

}
.hlogo {
padding-left : 0px;
padding-right : 5px;
margin-right : 0px;

margin-left : 0px;
margin-top : 15px;
height :25px;
}
.logo {
    max-width: 320px;  
}
.flexslider {
 margin-top :40px;
 }
.tw {
	margin: 0 0 0 0;
	max-width:100%;
}
.scr {
	overflow: scroll;
	max-width:100%;
	height: 250px;
	overflow: auto;
}
}