/* CSS Document */
@media screen and (max-width: 667px){
    .wrapper {
    width: 100%;
}

   #leftpane {width:100%;	padding:0 0 7px 0;} 
    #leftpane img{display:none;}
    #leftpane .month{display:none;}
    #leftpane .newsMenu {background:url(none);width:100%;}
    
.newsMenu ul {
    width: 100%;
    display:flex;
    flex-wrap:wrap;
    box-sizing:border-box;
}
    .newsMenu ul li {
        width:33.3%;
    background: url(none);
    padding: 7px;
    border:1px solid #CCC;
    box-sizing:border-box;
}

    #leftpane .cal_ttl2 {width:100%; height: auto; background:url(none);border:1px solid #b5b5b5;cursor: pointer;pointer-events: all;box-sizing:border-box;background: linear-gradient(to bottom, #fff, #e2e0e0);}
    #leftpane .cal_ttl2:before{	content: "月別"; width:100%;height: 3em;}
    #leftpane .cal_ttl3 {width:100%; height: auto; background:url(none);border:1px solid #b5b5b5;cursor: pointer;pointer-events: all;box-sizing:border-box;background: linear-gradient(to bottom, #FFf, #e2e0e0);}
    #leftpane .cal_ttl3:before{	content: "作品別"; width:100%;height: 3em;}
    #leftpane .cal_ttl4 {width:100%; height: auto; background:url(none);border:1px solid #b5b5b5;cursor: pointer;pointer-events: all;box-sizing:border-box;background: linear-gradient(to bottom, #FFF, #e2e0e0);}
    #leftpane .cal_ttl4:before{	content: "ジャンル別"; width:100%;height: 3em;}
    
    #leftpane .acord{display:none;}
    
    .calenderBox{width:100%;}
    .main_calender{width:100%;background: url(none);}
    .main_calender img{display:none;}
    .main_calender h6{width:100%;background:url(none)#0b34ff;}
    .main_calender h6 span{width:100%;}
    ul.callist{width:100%;background: url(none);border-top:2px solid #999;border-left:2px solid #999;border-right:2px solid #999;box-sizing:border-box;}
    .copyright1{width:100%;padding:0;}
    
    ul.callist .genre{width:15%; height:3em; box-sizing:border-box;border-left:0;font-size:90%;}
    ul.callist .titleName{width:45%; height:3em;box-sizing:border-box;font-size:90%;}
    ul.callist .price{width:15%; height:3em;box-sizing:border-box;font-size:90%;}
    ul.callist .maker{width:25%; height:3em;box-sizing:border-box;font-size:90%;}
    
    ul.callist .genre2{width:15%;box-sizing:border-box;background:#ffefef;float:none;}
    ul.callist .title2{width:45%;box-sizing:border-box;background:#ffffd8;float:none;border-left:2px solid #999;}
    ul.callist .price2{width:15%;box-sizing:border-box;background:#d4f9ff;float:none;border-left:2px solid #999;}
    ul.callist .maker2{width:25%;box-sizing:border-box;background:#f6f6f6;float:none;border-left:2px solid #999;}
    ul.callist ul li{display:flex;flex-wrap: no-wrap; }
    ul.callist h5 {font-size:110%;}
    .main_calender h6 {
	font-size:120%;
        height:auto;
}
}