@media screen and (max-width: 768px) {
	#headerwrap h1 {
	font-size: 28px;
	margin-top: 300px;
	}
}
@media screen and (min-width: 769px) {
	#headerwrap h1 {
	font-size: 45px;
	margin-top: 500px;

	}
}

.breadcrumb {
    background-image: url(img/breadcrumb-bak.gif);
}

.font-red {
	color: #ff0000;
}

/*マージンとパディングここから*/
.btm-padding10 {
	padding-bottom: 10px;
}

.btm-margin20 {
	margin-bottom: 20px;
}

.btm-margin10 img {
	margin: 5px;
}

.topbtm-margin {
	margin-top: 30px;
	margin-bottom: 20px;
}

.all-padding5 {
	padding: 5px;
}
/*マージンとパディングここまで*/

#social {
	text-align: right;
}

.social-icon {
	display: inline-block;
}

.stitle {
	font-size: 70%;
}

.text12 {
	font-size: 16px;
}

.btn-color {
	background-color: #0068b7;
	color: #eeeeee;
	border: 1px solid #666666;
}

.btn-color a {
	color: #eeeeee;
}

.btn-color a:hover {
	color: #333333;
}

/*twitterここから*/
.panel h2 {
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #222222;
}
.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

#twitter {
	padding-top: 12px;
}

#twitter .news {
	color: #ffffff;
	background: url(../img/camcy-twitter.png) no-repeat left center;
	padding-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
}
/*twitterここまで*/

.bigtitles-green {
	color: #1bb4b9;
	font-weight: bold;
	font-size: 30px;
}

.bigtitles-red {
	color: #f5b120;
	font-weight: bold;
	font-size: 30px;
}

.smalltitles {
	display: block;
}

.maintexts {
	font-size: 16px;
}

.linkto2017{
	font-size: 20px;
	margin-top: 30px;
}

.design-dt {
	font-size: 110%;
	color: #4e454a;
}

.design-dd {
	margin-bottom: 10px;
}

.glyphicon-padding {
	letter-spacing: 10px;
}

.okinawa2017 {
	margin-bottom: 30px;
}

/*以下フッター*/

#related-links {
  	background-color: #f8e58c;
  	color: #444444;
	width: 100%;
	padding: 40px 10px;
	font-size: 16px;
}

#related-links ul {
	list-style-type: none;
}

#logos {
	background-color: #ffffff;
}

.logo-height1 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.logo-height2 {
	padding-top: 5px;
}

.copyright {
	font-size: 14px;
	background-color: #393e4f;
	color: #ffffff;
	text-align: center;
	padding-top: 12px;
	line-height: 80%;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
ul.l-pad, li.l-pad{
	padding-left:0;
}
.flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}