﻿@charset "utf-8";

@media only screen and (min-width: 768px) {

/* --------------------------------
	PC Only Styles
-------------------------------- */
	
	/*	Common class
	============================================== */
	.container-fluid {
		padding-left: 16px;
		padding-right: 16px;
	}
    .row {
        margin-left: -16px;
        margin-right: -16px;
        padding-bottom: 16px;
    }
    .nav-info .row {
        margin-left: 0px;
        margin-right: 0px;
    }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 16px;
		padding-right: 16px;
	}
	.pc_only {
		display:block!important;
	}
	img.pc_only {
		display:inline-block!important;
	}
	.sp_only {
		display:none!important;
	}
	.sp_only_inline {
		display:none!important;
	}
	.pc_only_inline {
		display:inline!important;
	}
	.sp_only_inline {
		display:none!important;
	}
	.br_pc_only {
		display:block!important;
	}
	.br_sp_only {
		display: inline!important;
	}

	/*	#main
	============================================== */
	#nav-wrapper{
		padding-top:0px;
        padding-left:0px!important;
		width: 29.33333333%!important;
	}
	#nav-wrapper.hide{
		display: block!important;
        position: fixed;
        background-color: #fff;
        z-index: 100;
        left: -4px;
        top:80px;
        bottom:0;
        overflow-y:auto;
	}
    #main {
        position: fixed;
		top: 80px;
        bottom: 0;
        padding-top: 0px;
		padding-left: 7px !important;
        padding-right: 12px !important;
        width: 70.66666667% !important;
        min-height: 500px;
        margin-left: 29.33333333% !important;
        overflow-y: auto;
    }
    #main section {
        padding-left: 12px;
        min-height: 500px;
    }
	#footer-wrapper{
		width: 100%!important;
	}
	.carousel-slider .slick-slide{
		padding:0 10px 10px; 
	}
}
