body { word-break: break-all; }
p { margin:0; }

.navbar-ref .navbar-header h1 {margin:0;font-size:18px;}
.navbar-ref .navbar-brand {padding:15px 15px;font-weight:bold;color:#fff;}
.list-group li p {font-size:14px;}
.form-mail { display: none !important;}
.text-mail { display: none !important;}
.required-item { color:#FF0000; font-size:12px; }

/* navbarのタブレット対応 */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}


.update-info {
	padding:3px 9px;
	font-size:11px;
	margin-top:4px;
}

.update-info p {
	padding-top:2px;
	padding-bottom:2px;
}

.update-info .label-new {
	margin-left:2px;
	font-size:10px;
	padding:1px;
}

.link-guide {
	width:100%;
	margin-bottom:5px;
}


.link-guide tr {
	text-align:center;
}

#auto-data .modal-body img {
	width:80%;
	border:1px solid #000;
}

#img-upld .modal-body img {
	height:40%;
	border:1px solid #000;
}

#auto-graph .modal-body img {
	width:80%;
	border:1px solid #000;
}

#auto-graph2 .modal-body img {
	width:80%;
	border:1px solid #000;
}

#auto-data-no .modal-body img {
	width:60%;
	border:1px solid #000;
}

#ogp-card .modal-body img {
	width:80%;
	border:1px solid #000;
}


/* メインリスト */
.list-main .list-badge {
	width:25px;
	height:25px;
	margin-right:3px;
}

.list-main table {
	border:none;
	margin-bottom:3px;
}

.list-main table td {
	padding:1px 4px;
}

.list-main table img {
	width:60px;
	height:60px;
}

.list-main .uptime { 
	font-size:10px;
	text-align:right;
}

.list-main .feature {
	color:#9400D3;
}

@media screen and (max-width: 767px) {
	.list-main .list-badge {
		width:20px;
		height:20px;
	}
	.list-main table {
		width:100%;
		margin-top:5px;
	}
	.list-main table .two td{
		padding-top:5px;
	}
	.list-main table td{
		text-align:center;
		width:110px;
	}
	.list-main table img {
		width:110px;
		height:110px;
	}
}


/* サイドバー */
.list-side .list-badge {
	width:20px;
	height:20px;
	margin-right:3px;
}

.list-side table {
	border:none;
	margin-bottom:3px;
}

.list-side table td {
	padding:1px 4px;
}

.list-side table img {
	width:60px;
	height:60px;
}

.list-side .uptime { 
	font-size:10px;
	text-align:right;
}

.list-side .feature {
	color:#9400D3;
}

@media screen and (max-width: 767px) {
	.list-side .list-badge {
		width:20px;
		height:20px;
	}
	.list-side table {
		width:100%;
		margin-top:5px;
	}
	.list-side table .two td{
		padding-top:5px;
	}
	.list-side table td{
		text-align:center;
		width:110px;
	}
	.list-side table img {
		width:110px;
		height:110px;
	}
	
	
}



/* ランダム表示 */
.list-random {
	border:none;
	width:100%;
}

.list-random td {
	text-align:center;
	vertical-align:top;
	width:14%;
}

.list-random img {
	border:solid 1px #a9a9a9;
}

.list-random p {
	text-align:center;
	padding:3px 3px;
	font-size:11px;
}


@media screen and (max-width: 767px) {
	.list-random td {
		width:25%;
	}
	.list-random p {
		font-size:8px;
		margin-bottom:5px;
	}
}


/* プロフィール */
.link-mng {
	text-align:right;
	
}

.link-mng a {
	color:#0000cd;
}

@media screen and (max-width: 767px) {
	.link-mng {
		font-size:12px;
	}
}


.panel-profile .panel-body {
	background-color:#696969;
	color:#ffffff;
	padding-right:10px;
	padding-left:10px;
}


/* クランマーク */
.clan-badge img {
	width:80px;
	height:80px;
}

.clan-badge h1 {
	margin-top:-10px;
	font-size:30px;
	font-family:HG行書体;
}

.clan-badge p {
	font-size:18px;
	font-weight:bold;
	margin-bottom:7px;
	font-family:HG行書体;
}

.relative {
	position:relative;
	width:80px;
}

.clan-level {
	position: absolute;
	background-color:#000000;
	font-size:15px;
	padding:1px 2px 0px 2px;
	top:5px;
	left:35px;
}

@media screen and (max-width: 767px) {
	.clan-badge img {
		width:50px;
		height:50px;
	}
	.clan-badge h1 {
		font-size:18px;
		margin-top:-5px;
	}
	.relative {
		width:50px;
	}
	.clan-level {
		left:22px;
		font-size:12px;
		padding:1px 1px 0px 1px;
	}
}


/* クラン説明 */
.clan-desc .well {
	color:#000;
	padding:5px;
	text-align:left;
	font-size:17px;
	margin:5px 10px 10px 10px;
	background-color:#ffdead;
	border:1px solid #000;
}

@media screen and (max-width: 767px) {
	.clan-desc .well {
		font-size:12px;
	}
}

/* クランタグ */
.clan-tag p {
	text-align:center;
	font-size:11px;
}


/* クランの所在地 */
.clan-country .well {
	text-align:center;
	font-size:13px;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
	width:50%;
	background-color: #a9a9a9;
}

.clan-country img {
	width:25px;
	height:25px;
	margin-right:10px;
}

/* クランポイントと勝利回数 */
.clan-point-wars a {
	color:#ffffff;
	text-decoration:underline;
}

.clan-point-wars .well {
	padding:8px;
	text-align:center;
	background-color: #a9a9a9;
}

.clan-point-wars img {
	width:30px;
	height:30px;
}

@media screen and (max-width: 767px) {
	.clan-point-wars .well {
		font-size:12px;
	}
}

/* 援軍関係合計数 */
.clan-don-stat a {
	font-size:13px;
	color:#ffffff;
	text-decoration:underline;
}

.clan-don-stat .well {
	padding:8px;
	text-align:center;
	background-color: #999999;
}

.clan-don-stat .col-ds-1, .clan-don-stat .col-ds-2 {
	padding-right:5px;
}

.clan-don-stat .col-ds-3, .clan-don-stat .col-ds-4 {
	padding-left:5px;

}

@media screen and (max-width: 767px) {
	.clan-don-stat .col-ds-1 .well, .clan-don-stat .col-ds-3 .well {
		margin-bottom:5px;
	}
	.clan-don-stat .well {
		font-size:10px;
	}
}


/* メンバー数とか色々 */
@media screen and (max-width: 767px) {
	.clan-etc-info p {
		font-size:11px;
	}
}


/* リーダーと担当 */
.clan-reader-charge {
	margin-top:15px;
}

.clan-reader-charge .well {
	padding:8px;
	text-align:center;
	background-color: #a9a9a9;
}

.clan-reader-charge span {
	color:#000000;
}

@media screen and (max-width: 767px) {
	.clan-reader-charge .well {
		font-size:12px;
	}
	.clan-reader-charge span {
		font-size:10px;
	}
}



/* クラン概要 */
.clan-topics {
	text-align:left;
}

.clan-topics h2 {
	font-size:16px;
}

.clan-topics .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
}

@media screen and (max-width: 767px) {
	.clan-topics .well {
		font-size:11px;
	}
}



/* クラン加入条件 */
.clan-conditions {
	text-align:left;
}

.clan-conditions h2 {
	font-size:16px;
}

.clan-conditions .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
}

@media screen and (max-width: 767px) {
	.clan-conditions .well {
		font-size:11px;
	}
}




/* 募集タウンホール */
.clan-need-th {
	text-align:left;
}

.clan-need-th h2 {
	font-size:16px;
}

.clan-need-th .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
}

.clan-need-th s {
	color:#dcdcdc;
}

@media screen and (max-width: 767px) {
	.clan-need-th .well {
		font-size:11px;
	}
}



/* クラン加入条件 */
.clan-rule {
	text-align:left;
}

.clan-rule h2 {
	font-size:16px;
}

.clan-rule .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
}

@media screen and (max-width: 767px) {
	.clan-rule .well {
		font-size:11px;
	}
}




/* 援軍について */
.clan-troops {
	text-align:left;
}

.clan-troops h2 {
	font-size:16px;
}

.clan-troops .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
}

@media screen and (max-width: 767px) {
	.clan-troops .well {
		font-size:11px;
	}
}



/* 援軍の指定とお礼 */

.clan-troops-app-thank h2 {
	text-align:left;
	font-size:16px;
	margin-left:15px;
}
.clan-troops-app-thank .well {
	padding:8px;
	text-align:center;
	background-color: #a9a9a9;
}


.clan-troops-app-thank span {
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.clan-troops-app-thank .well {
		font-size:12px;
	}
}


/* その他補足事項 */
.clan-rep {
	text-align:left;
}

.clan-rep h2 {
	font-size:16px;
}

.clan-rep .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
}

@media screen and (max-width: 767px) {
	.clan-rep .well {
		font-size:11px;
	}
}




/* クラメン比率 */
.clan-th-ratio {
	text-align:left;
}

.clan-th-ratio .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #d2b48c;
	padding-bottom:0;
	margin-bottom:0;
}

.clan-th-ratio h2 {
	font-size:16px;
}

.clan-th-ratio .progress {
	margin-bottom:8px;
}



@media screen and (max-width: 767px) {
	.clan-th-ratio .progress-bar {
		font-size:10px;
	}
}



/* クラメン男女比率 */
.clan-sex-ratio {
	text-align:left;
}

.clan-sex-ratio .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #d2b48c;
	padding-bottom:0;
	margin-bottom:0;
}

.clan-sex-ratio h2 {
	font-size:16px;
}

.clan-sex-ratio .progress {
	margin-bottom:8px;
}

@media screen and (max-width: 767px) {
	.clan-sex-ratio .progress-bar {
		font-size:10px;
	}
}



/* クラメン年齢比率 */
.clan-age-ratio {
	text-align:left;
}

.clan-age-ratio .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #d2b48c;
	padding-bottom:0;
	margin-bottom:0;
}

.clan-age-ratio h2 {
	font-size:16px;
}

.clan-age-ratio .progress {
	margin-bottom:8px;
}

@media screen and (max-width: 767px) {
	.clan-age-ratio .progress-bar {
		font-size:10px;
	}
}



/* 使用戦術 */
.clan-tactics {
	text-align:left;
}

.clan-tactics h2 {
	font-size:16px;
}

.clan-tactics .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
	font-size:19px;
}

.clan-tactics s {
	color:#dcdcdc;
	font-size:8px;
}

@media screen and (max-width: 767px) {
	.clan-tactics .well {
		font-size:12px;
	}
}


/* 特色 */
.clan-features {
	text-align:left;
}

.clan-features h2 {
	font-size:16px;
}

.clan-features .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #fffaf0;
	font-size:19px;
}

.clan-features s {
	color:#dcdcdc;
	font-size:8px;
}

@media screen and (max-width: 767px) {
	.clan-features .well {
		font-size:12px;
	}
}


/* URL */
.clan-url {
	text-align:left;
}

.clan-url h2 {
	font-size:16px;
}

.clan-url .well {
	padding:5px 3px 5px 3px;
	color:#000000;
	background-color: #c0c0c0;
	font-size:16px;
	margin-bottom:10px;
}

.clan-url span {
	color:#ffffff;
}

.clan-url a {
	color:#0000FF;
}

@media screen and (max-width: 767px) {
	.clan-url .well {
		font-size:13px;
	}
}


/* クラン画像 */
.clan-img {
	text-align:left;
}

.clan-img div {
	text-align:center;
	padding:0px;
}

.clan-img h2 {
	font-size:16px;
	margin-left:15px;
}

.clan-img img {
	width:90px;
	border:1px solid #ffffff;
	height:90px;
}


@media screen and (max-width: 767px) {
	.clan-img img {
		width:50px;
		height:50px;
	}
}


/* グラフ */
#mem-plot {
	color:#000;
}

#mem-plot .modal-header h4 {
	font-size:18px;
	font-weight:bold;
}

#mem-plot .modal-body p {
	font-size:12px;
	color:#0000FF;
	text-align:center;
}

#mem-plot #tabs-1, #mem-plot #tabs-2 {
	padding:3px;
}

#mem-plot #mem-plot1-1,#mem-plot #mem-plot1-2, #mem-plot #mem-plot2-1, #mem-plot #mem-plot2-2 {
	 width:100%;
}

#mem-plot #mem-plot1-1, #mem-plot #mem-plot2-1 {
	margin-bottom:15px;
}


@media screen and (max-width: 767px) {
	#mem-plot .modal-header h4 {
		font-size:12px;
		font-weight:bold;
	}
	#mem-plot .modal-body p {
		font-size:9px;
		text-align:left;
		color:#FF0000;
	}

}


/* クランメンバー */
.clan-mem {
	color:#000000;
}

.clan-mem a {
	color:#ffffff;
	text-decoration:underline;
}

.clan-mem hr {
	 border:1px outset #000;
}

.clan-mem .clan-mem-rank {
	padding-right:5px;
	border-right:1px solid #a9a9a9;
}

.clan-mem .clan-mem-rank .label {
	text-align:left;
	font-size:22px;
	margin-left:3px;
	background:#3b3b3b;
}

.clan-mem .clan-mem-rank .diff {
	margin-top:5px;
	padding-left:5px;
	font-size:10px;
	text-align:center;
}

.clan-mem .clan-mem-rank .diff img {
	margin-top:-5px;
	width:10px;
	height:10px;
}

.clan-mem .clan-mem-league {
	padding-right:1px;
	padding-left:1px;
	border-right:1px solid #a9a9a9;
}

.clan-mem .clan-mem-league img {
	width:40px;
	height:40px;
}

.clan-mem .clan-mem-exp {
	padding-right:1px;
	padding-left:1px;
	border-right:1px solid #a9a9a9;
}

.relative-exp {
	position:relative;
	width:35px;
}

.clan-mem .clan-mem-exp img {
	width:35px;
	height:35px;
}

.clan-mem .clan-mem-exp .exp-level {
	color:#ffffff;
	position: absolute;
	font-size:12px;
	font-weight:bold;
	padding:1px 2px 0px 2px;
	top:7px;
	left:5px;
}

.clan-mem .clan-mem-name {
	padding-right:0px;
	padding-left:0px;
	text-align:left;
}

.clan-mem .clan-mem-name .m_name {
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}
.clan-mem .clan-mem-name .m_role {
	font-size:7px;
	color:#696969;
	padding-left:10px;

}

.clan-mem .clan-mem-don p {
	font-size:10px;
	color:#696969;
}

.clan-mem .clan-mem-don .label {
	font-size:12px;
	margin-top:5px;
	padding-bottom:3px;
	padding-right:20px;
	padding-left:20px;
}

.clan-mem .clan-mem-rdon p {
	font-size:10px;
	color:#696969;
}

.clan-mem .clan-mem-rdon .label {
	font-size:12px;
	margin-top:5px;
	padding-bottom:3px;
	padding-right:20px;
	padding-left:20px;
}

.clan-mem .clan-mem-tro p {
	font-size:10px;
}

.clan-mem .clan-mem-tro .label {
	font-size:18px;
	font-weight:bold;
	padding-bottom:3px;
	padding-right:10px;
}

.clan-mem .clan-mem-tro img {
	padding-right:3px;
	width:20px;
	height:20px;
}

#memberList {
	 background:#f5f5f5;
}

.clan-mem-noting{
	padding-bottom:15px;
}

.clan-mem-noting p {
	color:#000000;
}

@media screen and (max-width: 767px) {
	.clan-mem .clan-mem-league img {
		width:35px;
		height:35px;
	}
	.clan-mem .clan-mem-name {
		padding-right:15px;
	}
	.clan-mem .clan-mem-name .m_name {
		font-size:11px;
	}
	.clan-mem .clan-mem-name .m_role {
		padding-left:0;
		text-align:center;
	}
	.clan-mem .clan-mem-tro .label {
		font-size:14px;
	}
	
	.clan-mem .clan-mem-tro img {
		width:15px;
		height:15px;
	}
}


/* 更新時間とか */
.clan-time {
	margin-top:35px;
	text-align:right;
}

.clan-time p {
	font-size:12px;
}

.clan-time span {
	color:#00ff00
}

@media screen and (max-width: 767px) {
	.clan-time p {
		font-size:8px;
	}
}



/* 簡易掲示板 */
.simple-bbs .panel-heading {
	padding:5px;
}

.simple-bbs h3 {
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}

/* 簡易掲示板 コメント表示 */
.simple-bbs-com {
	margin-bottom:10px;
}

.simple-bbs-com .panel-heading {
	padding:1px 7px;
	font-size:12px;
}

.simple-bbs-com .panel-heading a {
	text-decoration: underline;
}

.simple-bbs-com .panel-body {
	font-size:14px;
	padding-bottom:10px;
}


.simple-bbs-com .panel-body div {
	font-size:10px;
	text-align:right;
}

/* 登録 */
.clan-tag-msg .clan-tag-chk {
	 font-size:14px;
}

.clan-tag-msg .well {
	padding:3px;
	margin-top:5px;
	border:1px solid #000;
	font-size:14px;
}

@media screen and (max-width: 767px) {
	.clan-tag-msg .clan-tag-chk {
		 font-size:10px;
	}
	.clan-tag-msg .well {
		 font-size:10px;
	}
}


/* 画像登録 */
.list-reg-img {
    padding: 10px;
    overflow: hidden;
    position: relative;
}

.list-reg-img ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}

.list-reg-img ul li {
    float: left;
    margin-right: 5px;
    padding: 5px;
    position: relative;
    left: -50%;
}

/* 検索 */
.list-hunt .list-badge {
	width:25px;
	height:25px;
	margin-right:3px;
}

.list-hunt table {
	border:none;
	margin-bottom:3px;
}

.list-hunt table td {
	padding:1px 4px;
}

.list-hunt table img {
	width:60px;
	height:60px;
}

.list-hunt .uptime { 
	font-size:10px;
	text-align:right;
}

.list-hunt .feature {
	color:#9400D3;
}


/* ランキング */
.rank-clan-list .rank {
	color:#b22222;
	font-size:20px;
}

.rank-clan-list .list-badge {
	width:40px;
	height:40px;
	margin-right:3px;
}

.rank-clan-list .rank-item-val p {
	font-size:20px;
	font-weight:bold;
	color:#228b22;
}


.rank-clan-list .no {
	font-size:14px;
	padding:5px;
}

@media screen and (max-width: 767px) {
	.rank-clan-list .rank-item-val {
		padding-left:5px;
		padding-right:5px;
	}
	.rank-clan-list .rank-item-val p {
		font-size:14px;
	}
	.btn-rank-types {
		font-size:12px;
	}
}



.rank-mem-list .clan-mem-rank {
	padding-top:15px;
	padding-right:5px;
	font-size:25px;
	color:#b22222;
}

.rank-mem-list .list-badge {
	width:20px;
	height:20px;
	margin-right:3px;
}

.rank-mem-list .clan-mem-league img {
	width:60px;
	height:60px;
	margin-right:3px;
}

.rank-mem-list .clan-mem-name .m_name {
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}


.rank-mem-list .clan-mem-name .m_clan {
	font-size:12px;
	font-weight:bold;
	color:#b8860b;
}


.rank-mem-list .rank-item-val .item {
	padding-top:15px;
	font-size:20px;
	font-weight:bold;
	color:#228b22;
}

.rank-mem-list .rank-item-val .date {
	text-align:right;
	font-size:12px;
	color:#a9a9a9;
	padding-top:3px;
}

@media screen and (max-width: 767px) {
	.rank-mem-list .clan-mem-rank {
		padding-top:18px;
		padding-right:5px;
		padding-left:3px;
		font-size:18px;
		white-space: nowrap;
	}
	.rank-mem-list .clan-mem-league {
		padding-left:15px;
	}
	.rank-mem-list .clan-mem-name {
		padding-right:5px;
	}
	.rank-mem-list .clan-mem-name .m_name {
		font-size:14px
	}
	.rank-mem-list .clan-mem-name .m_clan {
		font-size:10px
	}
	.rank-mem-list .rank-item-val {
		padding-left:3px;
		padding-right:3px;
	}
	.rank-mem-list .rank-item-val .item {
		font-size:14px;
	}
	.rank-mem-list .rank-item-val .date {
		padding-top:10px;
		font-size:8px;
	}
	.rank-mem-list .list-badge {
		width:15px;
		height:15px;
	}
}


/* ソーシャルボタン */
.social-buttons img {
	width:58px;
	height:58px;
}

@media screen and (max-width: 767px) {
	.social-buttons .col-xs-1 {
		padding:0;
	}
	.social-buttons .col-xs-2 {
		padding-right:5px;
		padding-left:5px;
		
	}
	.social-buttons img {
		width:35px;
		height:35px;
	}
}


/* 上戻る */
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:60px;
}
 
#page-top p{
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}


/* サイト内検索 */
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}