@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------------------
	タイトル
--------------------------------------------------------------------------------*/

.news_h2 {margin-top:10rem; margin-bottom:2rem;}
.news_h2 h2{text-align:center; font-size:1.8rem; }

@media (max-width: 359px) {
.news_h2 h2{text-align:center; font-size:1.6rem; }
}

/* -----------------------------------------------------------------------------
	news1
--------------------------------------------------------------------------------*/

.news1 {background:#fffcf7; margin-bottom:1rem; padding-bottom:2rem; padding-top:3rem;}

.news1 h2 {font-size:1.8rem; border-bottom:#999 1px solid; padding:.2rem 0; }

.news1 .button_area{text-align:right;}

@media (max-width: 767px) {
.news1 .button_area {text-align:center;}
}


/* -----------------------------------------------------------------------------
	news2
--------------------------------------------------------------------------------*/

.news2 { background:#fff; margin-bottom:1rem; padding-bottom:2rem; padding-top:3rem;}

.news2 h2 {font-size:1.8rem; border-bottom:#999 1px solid; padding:.2rem 0; }

.news2 .button_area{text-align:right;}

@media (max-width: 767px) {
.news2 .button_area {text-align:center;}
}


/* -----------------------------------------------------------------------------
リンクボタン 
--------------------------------------------------------------------------------*/

.button {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* サイト内に飛ばすとき */
.button_1 {
	background-color: #669933;
	border: 2px solid #669933;
	color: #fff;
	font-size:14px;
	margin:1rem;
	width: 300px;
}
.button_1:hover {
	background-color: #fff;
	border-color: #669933;
	color: #669933;
	text-decoration:none;
}


/* 外部に飛ばすとき _blank */

.button_2 {
	background-color: #900020;
	border: 2px solid #900020;
	color: #fff;
	font-size:14px;
	margin:1rem;
	width: 300px;
}
.button_2:hover {
	background-color: #fff;
	border-color: #900020;
	color: #900020;
	text-decoration:none;
}

@media (max-width: 360px) {
	
.button_1 {
	font-size:12px;
	width: 180px;
}	

.button_2 {
	font-size:12px;
	width: 180px;
}
}

/* -----------------------------------------------------------------------------
	my-gallery マイギャラリー 
--------------------------------------------------------------------------------*/

.my-gallery {margin:0 auto;}
.my-gallery img {width:220px; height:auto; margin:1rem .5rem;}
.my-gallery figure {width: 25%; float:left; text-align:center; margin-bottom:1.5rem;}
.my-gallery figcaption{font-size:1.4rem;}

@media screen and (max-width : 1024px) {
	.my-gallery img {width:220px; height:auto;}
	
	}

@media screen and (max-width : 800px) {
	.my-gallery img {width:80%; height:auto;}
	.my-gallery figure {width: 50%; float:left;}
	
	}

/* -----------------------------------------------------------------------------
	chinami channel
--------------------------------------------------------------------------------*/

#channel .col-sm-3 {
	padding: .5rem;
}



.channel_block p {
	margin-top: 1rem;
	font-size: 1.4rem;
}