@charset "UTF-8";

.navbar{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-right:0;
	border-left:0;
	border-bottom:0;
}

/* drag drop */
.drop_uploader.drop_zone .text {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif!important;
	font-size: 16px!important;
	color: #000000!important;
}
a.drag_drop{
	text-decoration:underline;
	color:#0080C8;
}
.pe-7s-cloud-upload:before {
	content: ''!important;
}
.drop_uploader.drop_zone {
	min-height: 200px!important;
}
.drop_uploader.drop_zone .text_wrapper {
	text-align: center!important;
	width: 100%!important;
}
.drop_uploader.drop_zone ul.files.thumb li span.title {
	font-size: 0.8rem!important;
}

.panel-group .panel {
	margin-bottom: 10px;
	border-radius: 0;
	border-bottom: 1px dotted #000;
}
.panel-default {
	border-color: transparent;
}
.panel {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-default > .panel-heading {
	color: #000;
	background-color: transparent;
	border-color: transparent;
}
.panel-heading,.panel-body {
	padding: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: transparent;
}


/* slider,mainVisual */
.metaslider .caption-wrap {
    right: 0!important;
    bottom:30px!important;
    left:auto!important;
    background:transparent!important;
    opacity: 1.0!important;
    width: 45%!important;
}
.metaslider .caption h1,.metaslider .caption h2,.metaslider .caption p,h1.sl-white,h2.sl-white,p.sl-white{
	margin-bottom:0;
    color: #FFFFFF!important;
	text-shadow: 2px 2px 5px #1453AF,
	-2px 2px 5px #1453AF,
	2px -2px 5px #1453AF,
	-2px -2px 5px #1453AF!important;
}
.metaslider .caption p{
	font-weight:bold;
}
.metaslider .caption h1.sl-blue,.metaslider .caption h2.sl-blue,.metaslider .caption p.sl-blue{
	margin-bottom:0;
    color: #1453AF!important;
	text-shadow: 2px 2px 5px #FFFFFF,
	-2px 2px 5px #FFFFFF,
	2px -2px 5px #FFFFFF,
	-2px -2px 5px #FFFFFF!important;
}
h1.sl-black{
	color:#000000;
	text-shadow: 2px 2px 5px #FFFFFF,
	-2px 2px 5px #FFFFFF,
	2px -2px 5px #FFFFFF,
	-2px -2px 5px #FFFFFF;
}


#lineup{
	margin-top:-70px;
	padding-top:90px;
}
#access{
	margin-top:-90px;
	padding-top:90px;
}


/* bootstrap divide 5 columns */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}