@charset "utf-8";
body,div,ul,td,h1,h2,h3,h4,p{margin:0;padding:0;}
body{
	background: #666;
	font: 18px "メイリオ", Meiryo, Josefin Sans,Julius Sans One,'Meddon',Lobster,Pacifico,Fredericka the Great,Bilbo Swash Caps,PT Sans Caption,Montserrat,"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif!important;
	}
ul{list-style-type: none;}
a{text-decoration: none;}
a:link{color:#2a80ab;}
a:visited{color:#640892;}
a:hover{color:#f9bb29;}
a:active{color:#f9bb29;}

/* --- ヘッダー --- */
#header {
	position: fixed;
	top: 0;
	width: 100%;
	font-size: 80%;
	border-bottom: #333 solid 1px;
	background-color: #333;
	}
.head-container {
	width: 1030px;
	margin: 0 auto;
	}
.head-left {
	float: left;
	width: 85%;
	}
.head-right {
	float: right;
	width: 15%;
	}
img#iconimg {
	    width: 50px;
	    float: left;
	    margin-right: 5px;
	    margin-top: 7px;
			margin-bottom: 7px;
	}
ul#info {
	    float: right;
	}
ul#info a {
	    line-height: 60px;
	    color: #eee;
	}
i.inq {
	    margin-left: 10px;
	}
ul#info a:hover {
	    color: #f9bb29;
	}
h1 {
	font-size: 150%;
	margin: 5px 0 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
h1 a:link,
h1 a:visited {
	color: #fff;
}
h2 {
	line-height: 1;
	font-size: 100%;
	color: #eee;
	font-weight : normal;
	margin: 2px 0 8px 0;
	margin: 5px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	}

/* --- メインエリア --- */
#contents {
	margin: 72px auto 0px;
	width: 1100px;
	}
div#title {
	    margin: 10px 29px;
	    color: #fff;
	    font-weight: bold;
	    padding: 10px 0px;
	}
a.ga_rssview-main {
	    color: #d04824;
	    font-size: 20px!important;
	    font-weight: bold;
	}
.text {
	border:solid 1px #E1E8ED;
	border-radius: 5px;
	background-color: #fff;
	margin: 0 29px;
	padding: 30px;
	line-height: 1.4;
	}

ul.article-list li {
	margin: 0 29px 6px 29px;
	padding: 0.5em 1em;
	border:solid 1px #E1E8ED;
	word-break: break-all;
	background: #fff;
	border-radius: 3px;
	}
ul.article-list a:hover {
	text-decoration: underline;
	}
td.time {
	width:75px;
	font-size: 11px;
	color: #666;
	}
td.site {
	font-size: 11px;
	}
td.site a {
	    color: #999;
	}
td.site p {
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    width: 350px;
	}
td.article-title {
	font-size: 16px;
	padding: 0.1em 0 0 0;
	}

h3 {
	padding: 8px 16px;
	font-size: 100%;
	color: #fff;
	font-weight : bold;
	background: #333;
	border:solid 1px #E1E8ED;
	border-radius: 3px;
	}

/* プログレスバー */
	.progress {
		height: 3px;
		margin: 0 15px 0 0;
		clear:both;
		background-image: none;
		}

	div.progress div.bar { height: 3px }

	.progress {
	    height: 3px;
	    margin-bottom: 0px;
	    overflow: hidden;
	    background-color: #f7f7f7;
	    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
	    background-image: -ms-linear-gradient(top,#f5f5f5,#f9f9f9);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
	    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
	    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
	    background-image: linear-gradient(top,#f5f5f5,#f9f9f9);
	    background-repeat: repeat-x;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);
	    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	}

	.progress .bar {
	    width: 0;
	    height: 18px;
	    font-size: 12px;
	    color: #fff;
	    text-align: center;
	    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	    background-color: #0e90d2;
	    background-image: -moz-linear-gradient(top,#149bdf,#0480be);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
	    background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
	    background-image: -o-linear-gradient(top,#149bdf,#0480be);
	    background-image: linear-gradient(top,#149bdf,#0480be);
	    background-image: -ms-linear-gradient(top,#149bdf,#0480be);
	    background-repeat: repeat-x;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);
	    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
	    -webkit-transition: width .6s ease;
	    -moz-transition: width .6s ease;
	    -ms-transition: width .6s ease;
	    -o-transition: width .6s ease;
	    transition: width .6s ease;
	}
	.progress-striped .bar {
	    background-color: #149bdf;
	    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
	    background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    -webkit-background-size: 40px 40px;
	    -moz-background-size: 40px 40px;
	    -o-background-size: 40px 40px;
	    background-size: 40px 40px
	}

	.progress.active .bar {
	    -webkit-animation: progress-bar-stripes 2s linear infinite;
	    -moz-animation: progress-bar-stripes 2s linear infinite;
	    -ms-animation: progress-bar-stripes 2s linear infinite;
	    -o-animation: progress-bar-stripes 2s linear infinite;
	    animation: progress-bar-stripes 2s linear infinite
	}

	.progress-danger .bar {
	    background-color: #dd514c;
	    background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
	    background-image: -ms-linear-gradient(top,#ee5f5b,#c43c35);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
	    background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
	    background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
	    background-image: linear-gradient(top,#ee5f5b,#c43c35);
	    background-repeat: repeat-x;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0)
	}

	.progress-danger.progress-striped .bar {
	    background-color: #ee5f5b;
	    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
	    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
	}

	.progress-success .bar {
	    background-color: #5eb95e;
	    background-image: -moz-linear-gradient(top,#62c462,#57a957);
	    background-image: -ms-linear-gradient(top,#62c462,#57a957);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
	    background-image: -webkit-linear-gradient(top,#62c462,#57a957);
	    background-image: -o-linear-gradient(top,#62c462,#57a957);
	    background-image: linear-gradient(top,#62c462,#57a957);
	    background-repeat: repeat-x;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462',endColorstr='#57a957',GradientType=0)
	}

	.progress-success.progress-striped .bar {
	    background-color: #62c462;
	    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
	    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
	}

	.progress-info .bar {
	    background-color: #4bb1cf;
	    background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
	    background-image: -ms-linear-gradient(top,#5bc0de,#339bb9);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
	    background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
	    background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
	    background-image: linear-gradient(top,#5bc0de,#339bb9);
	    background-repeat: repeat-x;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de',endColorstr='#339bb9',GradientType=0)
	}

	.progress-info.progress-striped .bar {
	    background-color: #5bc0de;
	    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
	    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
	}

	.progress-warning .bar {
	    background-color: #faa732;
	    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
	    background-image: -ms-linear-gradient(top,#fbb450,#f89406);
	    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
	    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
	    background-image: -o-linear-gradient(top,#fbb450,#f89406);
	    background-image: linear-gradient(top,#fbb450,#f89406);
	    background-repeat: repeat-x;
	    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450',endColorstr='#f89406',GradientType=0)
	}

	.progress-warning.progress-striped .bar {
	    background-color: #fbb450;
	    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
	    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
	    background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
	}
	td.progress-bar {
	    width: 120px;
	}

/* --- ページネーション --- */
.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px;
}

.pagination li {
    -webkit-box-flex: 1 1 42px;
    -webkit-flex: 1 1 42px;
    -ms-flex: 1 1 42px;
    flex: 1 1 42px;
    max-width: 42px;
    min-width: 27px;
    float: left
}

.pagination>li>a,.pagination>li>span {
    display: inline-block;
    width: 100%;
    padding: 6px 0;
    color: inherit;
    background: #fff;
    border: 1px solid #ddd;
    border-right: 0;
    text-align: center;
}

.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>.not-allow:first-child>span:hover {
    border-right: 1px solid #ddd
}

.pagination>.active>span,.pagination>li>a:hover {
    color: #fff;
    background: #333333;
}

.pagination>.active>span:hover,.pagination>.not-allow>span:hover {
    cursor: text
}

.pagination>li>span {
}

/* 広告 */
	.ad-banner {
	    text-align: center;
	    margin: 5px;
	}

/* ランキング */
	#ranking {
	    background-color: #FFF;
	    width: 1035px;
	    margin: 20px auto 20px;
	    border-radius: 3px;
	    padding: 5px;
	}

	.rankingwaku {
	    width: 48%;
	    border: 1px solid #999;
	    border-radius: 3px;
	    padding: 5px;
	    margin-top: 5px;
			margin-left: 5px;
	}

	.rankingsitename {
	    border-bottom: 1px solid #999;
	}

	.rankingsitename a {
	    color: #333;
	    font-weight: bold;
	    font-size: 85%;
	}

	.rankingkijiname li {
	    border-bottom: 1px #999 dashed;
	    font-size: 80%;
	    margin: 5px 0px;
	}

	.rankingkijiname li:last-child {
	    border-style: none;
	}

	.rankinglist {
	    display: flex;
	    flex-wrap: wrap;
	}

	.rankingkijiname li {
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	}

	.rankingsitename a:hover {
	    color: #f9bb29;
	}

/* フッター */
#footer {
	bottom: 0;
	width: 100%;
	font-size: 80%;
	background-color: #333;
	color: #fff;
	text-align: center;
	}
#footer a:link,
#footer a:visited {
	text-decoration:underline;
	color: #fff;
}
#footer a:hover {
	color: #f9bb29;
}
#footer ul {
	padding: 15px 0 0 0;
	width: 100%;
	}
#footer ul li {
	padding: 0 10px;
	border-right: #fff solid 1px;
	display:inline-block;
	}
#footer ul li:last-child {
	border-right: none;
	}
#footer p {
	padding: 15px 0;
	}

	/* お問合せ */
			div#main {
			    border:solid 1px #E1E8ED;
			    border-radius: 5px;
			    background-color: #fff;
			    margin: 0px 29px;
			    padding: 15px;
			    line-height: 1.4;
			}
			div#main-title {
				    color: #333;
				    font-weight: bold;
				    padding: 10px 0px;
						margin-bottom: 20px;
			}
			div #formset {
			    display: table;
			}

			#formset dl {
			    display: table-row;
			}

			#formset dt,#formset dd {
			    display: table-cell;
			}
			dt {
			    vertical-align: top;
			    padding-right: 20px;
			}
			dt,dd {
			    padding-bottom: 10px;
			}
			#formset input {
			    width: 210px;
			    height: 18px;
			    padding: 4px;
			    border: 1px solid #AAA;
			    border-radius: 3px;
			}

			#formset textarea {
			    border: 1px solid #AAA;
			    border-radius: 3px;
			}

			input[type="submit"] {
			    height: 35px!important;
			    margin-top: 20px;
			    background-color: #1a969a;
			    color: #FFF;
			}
			div#main-text {
			    font-size: 14px;
			    margin-bottom: 40px;
			}
			span.chuui {
			    color: red;
			    font-weight: bold;
			}
			.ms-thanks {
			    background-color: #1a969a;
			    color: #fff;
			    text-align: center;
			    margin: 20px;
			    padding: 5px;
			}

/* スマホだけに適用 */
		@media screen and ( max-width:479px )
		{
			#contents {
				margin: 72px auto 0px;
				width: 100%;
				}

			ul.article-list li {
				margin: 0 5px 6px 5px;
				padding: 0.3em 0.3em;
				border:solid 1px #E1E8ED;
				word-break: break-all;
				background: #fff;
				border-radius: 3px;
				}
			.head-container {
				width: 100%;
				margin: 0 auto;
				}
			.head-left {
				float: left;
				width: 100%;
				padding-left: 5px;
				}
			.head-right {
				display: none;
			}
			td.site p {
			    text-overflow: ellipsis;
			    overflow: hidden;
			    white-space: nowrap;
			    width: 160px;
			}
			#ranking {
			    background-color: #FFF;
			    width: 95%;
			    margin: 20px auto 20px;
			    border-radius: 3px;
			    padding: 5px;
			}
			.rankingwaku {
			    width: 95%;
			    border: 1px solid #999;
			    border-radius: 3px;
			    padding: 5px;
			    margin: 5px auto 0;
			}
		}