@charset "utf-8";

	.fs-l-main{padding:0;}
	.fs-l-pageMain{max-width:100%;}
	.supcamp{text-align:center;}
	.supcamp .spimg{display:none;}
	.supcamp .pcimg{display:block;}
	.supcamp_lbox{width:100%;max-width:980px;margin:0 auto;}
	.supcamp_lbox:after{display:block;content:"";clear: both;}
	.supcamp_lbox li{float: left;width: 33.333333%;padding: 0 6px;}
	.supcamp_lbox li a{background:#000;display:block;opacity:0.7;transition: opacity 0.3s;}
	.supcamp_lbox li img{margin:0;}
	.supcamp_lbox li a:hover{opacity:1;}
	.sc_swipe{max-width:800px;margin:100px auto;position:relative;}
	.sc_swipe_n{max-width:1200px;margin:100px auto;position:relative;}
	.supcamp .packing{position:relative;left:-180px;}
	.supcamp .sup{position:relative;right:-180px;}
	.packingtxt{position: absolute;
    top: 60px;
    right: -180px;
    z-index: 2;
    display: block;
    background: #f5f5f5cc;
    font-weight: normal;
    vertical-align: bottom;
    padding: 70px 20px;}
	.a_suptxt{position: absolute;
    top: 360px;
    right: -220px;
    z-index: 2;
    display: block;
    background: #f5f5f5cc;
    font-weight: normal;
    vertical-align: bottom;
    padding: 70px 20px;}
	.packingtxt{position: absolute;
    top: 60px;
    right: -180px;
    z-index: 2;
    display: block;
    background: #f5f5f5cc;
    font-weight: normal;
    vertical-align: bottom;
    padding: 70px 20px;}
	.nighttxt{position: relative;

    z-index: 2;
    display: block;
    background: #f5f5f5cc;
    font-weight: normal;
    vertical-align: bottom;
    padding: 30px 20px;}
	.a_sup1,.a_sup2,.camp1g1,.camp1g2{position:relative;}
	.a_sup1{left:-180px;}
	.a_sup2{right:-180px;top:20px;}
	.camp1g1{left:-180px;top:20px;}
	.camp1g2{right:-180px;}
	.scst{    background-color:#1E1E1E;
    text-align: center;
    padding: 22px 0px;}
	.suptxt{position: absolute;
    top: 40px;
    left: -220px;
    z-index: 2;
    display: block;
    background: #f5f5f5cc;
    font-weight: normal;
    vertical-align: bottom;
    padding: 70px 20px;}
	.camp1g_txt{position: absolute;
    top: 100px;
    left: -220px;
    z-index: 2;
    display: block;
    background: #f5f5f5cc;
    font-weight: normal;
    vertical-align: bottom;
    padding: 70px 20px;}
	.scst{    background-color:#1E1E1E;
    text-align: center;
    padding: 22px 0px;}
	.hj,.he{display:block;color:#FFF;0}.hj{font-size:12px;margin:4px 0;letter-spacing: 1px;font-weight:normal;}.he{font-size:22px;letter-spacing: 6px;font-family: 'Noto Serif JP', serif;}
	#main_column{padding-left:0 !important;padding-right:0 !important;}
	.supcamp img{margin:0;width:100%;}
	.supcamp p{font-size:16px;line-height:2em;letter-spacing:2px;margin:50px auto;font-weight:normal;}
	.cv_link{display:block;margin:60px 0;}
	.supcamp .cv_link a{font-size: 16px;background: #000;border-radius: 20px;color: #FFF;padding: 10px 20px;}
	.supcamp .cv_link a:hover{background:#2879ff;}
	.supcamp h2{font-size: 24px;margin: 0;font-weight:normal;}
	.swiper-pagination-bullet{background:#FFF;opacity:1;}
	.swiper-pagination-bullet-active{    opacity: 1;
    background: #007aff;}
@media (max-width: 767px){
	body{padding-top:0;}
	.LC_Page_User #main_column{padding:0;}
	.supcap_topp{padding:20px 2px;}
	.small-header{display:none;}
.supcamp img{margin:initial;width:100%;}
	.supcamp p{font-size:14px;line-height:1.5em;letter-spacing:1px;width:100%;margin:10px auto;text-align:left;}
	.supcamp .spimg{display:block;margin:0;}	
	.supcamp .pcimg{display:none;}	
	.hj{font-size:10px;}.he{font-size:16px;}
	.scst{padding:10px 0;}
	.supcamp .packing,.supcamp .sup,.a_suptxt{right:0;left:0;top:0;position:relative;}
	.packingtxt,.suptxt,.camp1g_txt{position:relative;top:0;right:0;left:0;padding:30px 10px;}
	.a_sup1,.a_sup2,.camp1g2,.camp1g1{left:0;right:0;top:0;position:relative;padding-top:10px;}
	}
	
	.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.category-name {
    margin: 6px 0;
}
	@media (min-width: 992px){
.col-md-3 {
    width: 25%;
	float:left;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}	
	}	
	
	@media (max-width: 980px){
.category {
    width: 50%;
    min-height: 300px;
    float:left;
    padding:4px;
}
}