@charset "UTF-8";

/* TOP PAGE
---------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap');

#content .tile {
	margin: 1rem auto;
}


#content .tile .row {
	margin-right: -4px;
	margin-left: -4px;
}

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 4px;
  padding-left: 4px;
}


#newtopics {
	margin-bottom: 15px;
}

/* サムネイルリンク */
a.thumbnail {
	margin-bottom: 15px;
}

a:hover.thumbnail {
	text-decoration: none;
}

a.thumbnail h4 {
	color: #333;
}
a.thumbnail p {
	color: #333;
}
a.thumbnail img.photo_l {
	padding-right: 10px;
	padding-bottom: 10px;
}
#btn_cua {
	display: block;
	width: 592px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 8px 8px;
	margin:5px 0px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	color: #666;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	box-shadow: 1px 1px 2px #E7E7E7;
	background: #F9F9F9;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
}

.border_dot {
    padding: 0px 5px 10px 5px;
    border-right: 2px dotted #ff7272;
}
.border_dot p{
    margin: 0px 0px 0px 0px;
}

.border_line {
    padding: 0px 10px 5px 1px;
	border-left: 2px solid #ff7272;
    border-right: 2px solid #ff7272;
}
.border_right_line {
    padding: 0px 10px 5px 20px;
    border-right: 2px solid #ff7272;
}

@media (max-width: 768px) {
.border_dot {
    padding: 0px 5px 10px 5px;
    border-right: 0px dotted #ff7272;
	border-bottom: 0px dotted #ff7272;
}

.border_line {
    padding: 10px 5px 0px 5px;
	border-left: 0px solid #ff7272;
	border-right: 0px solid #ff7272;
	border-top: 2px solid #ff7272;
	border-bottom: 2px solid #ff7272;
}
.border_right_line {
    padding: 0px 5px 5px 5px;
    border-right: 0px solid #ff7272;
	border-bottom: 2px solid #ff7272;
	margin-bottom: 10px;
}
.text_space-01 {
	letter-spacing: -0.1em;
}
}

#content .notice {
	margin: 15px 0;
}

.btn.btn-square {
	border-radius: 0;
}






.bg-dark-30:before,.bg-dark-60:before,.bg-dark-90:before,
.bg-purple:before,
.bg-yellow:before,
.bg-pink:before,
.bg-green:before,
.bg-orange:before,
.bg-red:before
 {
	content:" ";left:0
}

.bg-dark-30:before,.bg-dark-60:before,.bg-dark-90:before,.bg-purple:before,
.bg-yellow:before,
.bg-pink:before,
.bg-orange:before,
.bg-green:before,
.bg-red:before {
	position:absolute;height:100%;width:100%;z-index:0;
}

.bg-dark-30:before {
	background-color:rgba(34,34,34,.3);top:0
}

.bg-dark-60:before{
	background:rgba(34,34,34,.6);top:0
}

.bg-dark-90:before{
	background:rgba(34,34,34,.9);top:0
}

.bg-purple:before{
	background:rgba(109,112,213,.8);top:0
}

.bg-yellow:before{
	background:rgba(209,143,4,.8);top:0
}

.bg-red:before{
	background:rgba(223,100,94,.8);top:0
}

.bg-pink:before{
	background:rgba(211,101,169,.8);top:0
}

.bg-orange:before{
	background:rgba(248,132,77,.8);top:0
}

.bg-green:before{
	background:rgba(95,170,113,.8);top:0
}

.bg-white:before{
	background:rgba(255,255,255,0.80);top:0
}


/* 画像なしのサムネイル */
.topthum-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	overflow: hidden;
	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
	
}


.topthum-wrap::before{
	background-color: #0097cf;
}

.topthum-title {
	position: absolute;
	display: table;
	width:100%;
	height: 100%;
	margin: 0 auto;
}
a.card .topthum-title p{
	display: table-cell;
	vertical-align:middle;
	font-weight: 600;
	width:100%;
	text-align: center;
	font-size: 1.2em;
	color:#FFFFFF;
	padding: 0 3px;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
	line-height: 1.3;
}
.bg-dark {
	color: #fff;
}