@charset "UTF-8";
/* CSS Document */
html {
	position: relative;
	min-height: 100%;
	padding-bottom: 300px;/* フッター分の高さ */
	box-sizing: border-box;
}

/* 画面サイズが750以下の場合ここから */
@media screen and (max-width: 750px) {
html {
	padding-bottom: 450px;/* フッター分の高さ */
}
}
/* 画面サイズが750以下の場合ここまで */


body {
	margin:0px;
	background-repeat:repoat;
	background-attachment :fixed;
	
	/* ヒラギノ角ゴが無かったらゴシック体系フォントを指定する */
	font-family: "ヒラギノ角ゴ Pro W3",sans-serif;
}

* {
  font-feature-settings: "palt";
  letter-spacing:0.1em;
}


/*------- 共通の帯部分 ------*/
.obi-mizuiro {
	height:45px;
	background-color:#1996d5;
	color:#FFF;
	text-align:center;
	font-size:25px;
	padding-top:5px;
}




#container {
	max-width:980px;
	margin:auto;
	margin-top:85px;
}

/*---------------------- 画面サイズが980以下の場合ここから --------------------------*/
@media screen and (max-width: 980px) {
#container {
	margin-top:50px;
}
	
#container-in {
	max-width:980px;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
}
}
/*---------------------- 画面サイズが980以下の場合ここまで --------------------------*/



/*----- ここからスライダー -----*/
.top-slider-pc {
}

.top-slider-sp {
	display:none;
}

.top-slider {
}

/*---------------------- 画面サイズが650以下の場合ここから --------------------------*/
@media screen and (max-width: 650px) {
.top-slider-pc {
	display:none;
}

.top-slider-sp {
	display:block;
}

}
/*---------------------- 画面サイズが650以下の場合ここまで --------------------------*/

/*----- ここまでスライダー -----*/



/*----- ここからTOP -----*/
.top-main-text {
	width:100%;
	margin-top:50px;
	margin-bottom:50px;
}

.top-hikumakara {
	width:100%;
	text-align:center;
}

.top-hikumakara img {
	max-width:440px;
	width:100%;
}

.top-konotide {
	margin-top:10px;
	font-size:18px;
	letter-spacing:0em;
	font-weight:bold;
	text-align:center;
}

.top-mazimeni {
	width:100%;
	font-size:35px;
	color:#dc143c;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}

.top-mazimeni-ue {
	width:100%;
	display:inline-block;
}

.top-mazimeni-shita {
	width:100%;
	display:inline-block;
}


/* ここからインスタグラムへのリンク */
.instagram-box {
	width:100%;
	text-align:center;
	box-sizing:border-box;
}

.instagram-box-title {
	width:100%;
	font-size:30px;
	color:#1996d5;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:20px;
}

.instagram-image {
	width:100%;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:20px;
}
.instagram-image img {
	width:100%;
	max-width:150px;
	display: inline-block;
	text-align:center;
	box-sizing:border-box;
}
.instagram-image img:hover {
	opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)";
	  transition: .3s;
  -webkit-transition: .3s;/*サファリで動くように*/
  -moz-transition: .3s;/*ファイアーフォックスで動くように*/
  -ms-transition: .3s;/*IEで動くように*/
}

.instagram-box-text {
	width:100%;
	font-size:18px;
	text-align:center;
	box-sizing:border-box;
	margin-bottom:50px;
}

/* ここまでインスタグラムへのリンク */


/* ここからニュース */
.news {
	background-color:#f5fafe;
	padding-bottom:20px;
	clear:both;
}

/* フロートで親ボックスの高さが消えてしまうのを防止 */
.news:after {
	display:block;
	content: " ";
	clear: both;
	height: 0;
}

.top-obi-mizuiro {
	height:30px;
	background-color:#1996d5;
	color:#FFF;
	text-align:center;
	font-size:16px;
	padding-top:5px;
}

.news-naiyou {
	width:700px;
	margin:auto;
	padding-top:20px;
}

.news-naiyou-matomari {
	padding-top:20px;
	padding-bottom:5px;
	clear:both;
}

/* フロートで親ボックスの高さが消えてしまうのを防止 */
.news-naiyou-matomari:after {
	display:block;
	content: " ";
	clear: both;
	height: 0;
}

/* ニュースの区切り線hrのcss */
.news-kasen {
	width:100%;
	clear:both;
	border-top: 1px solid #1996d5;
	margin:0px;
}

.news-day {
	width:110px;
	float:left;
	letter-spacing:0.05em;
	color:#000;
	margin-left:5px;
	margin-right:20px;
}

.news-bun {
	float:left;
	color:#000;
	margin-right:5px;
}

.news-bun a {
	float:left;
	color:#1996d5;
	text-decoration:none;
}

.news-bun a:visited {
	float:left;
	color: #1996d5;
	text-decoration:none;
}

.news-bun a:hover {
	float:left;
	color:#039;
	text-decoration:underline;
}

/*---------------------- 画面サイズが760以下の場合ここから --------------------------*/
@media screen and (max-width: 760px) {
.news-naiyou {
	width:500px;
}

.news-day {
	clear:both;
	color:#000;
	margin-left:5px;
}

.news-bun {
	width:500px;
	clear:both;
	color:#000;
	margin-left:5px;
	margin-right:5px;
}
}
/*---------------------- 画面サイズが760以下の場合ここまで --------------------------*/

/*---------------------- 画面サイズが550以下の場合ここから --------------------------*/
@media screen and (max-width: 550px) {
.news-naiyou {
	width:280px;
}

.news-day {
	clear:both;
	color:#000;
	margin-left:5px;
}

.news-bun {
	width:280px;
	clear:both;
	color:#000;
	margin-left:5px;
	margin-right:5px;
}
}
/*---------------------- 画面サイズが550以下の場合ここまで --------------------------*/

/* ここまでニュース */


/* ここからtop画像 */
.top-img {
	width:100%;
	text-align:center;
	margin-top:50px;
}

.top-img img {
	width:100%;
	text-align:center;
	display:inline-block;
	padding:10px 0px;
	box-sizing:border-box;
}

/* ここまでtop画像 */


/* ここから過去のニュース */
.past-news {
	width:100%;
	background-color:#f5fafe;
	margin-top:50px;
	padding-bottom:30px;
}

.past-news-title {
	width:100%;
	background-color:#1996d5;
	color:#FFF;
	text-align:center;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
	box-sizing:border-box;
}

.past-news ul {
	width:100%;
	box-sizing:border-box;
	text-align: center;
	list-style: none;
	margin:0px;
	padding:0px;
}

.past-news ul li {
	width:24%;
	padding:10px;
	box-sizing:border-box;
	text-align: center;
	display:inline-block;
}

/*---------------------- 画面サイズが890以下の場合ここから --------------------------*/

@media screen and (max-width: 890px) {
.past-news ul li {
	width:48%;
}
}

/*---------------------- 画面サイズが890以下の場合ここまで --------------------------*/

/*---------------------- 画面サイズが450以下の場合ここから --------------------------*/

@media screen and (max-width: 450px) {
.past-news ul li {
	width:100%;
}
}

/*---------------------- 画面サイズが450以下の場合ここまで --------------------------*/

.past-news ul li a {
	width:100%;
	padding:10px;
	color:#fff;
	background-color:#1996d5;
	box-sizing:border-box;
	text-decoration: none;
	display:inline-block;
	border-radius:10px;
}

.past-news ul li a:hover {
	background-color:#039;
}

/* ここまで過去のニュース */

/*----- ここまでTOP -----*/



/*----- ここからページTOPへ -----*/
.go-top {
	margin-top:30px;
	margin-bottom:30px;
	color:#00448f;
	clear:both;
}

.go-top a {
	color:#00448f;
	text-decoration: none;
}

.go-top a:hover {
	color:#1996d5;
	text-decoration: none;
}
/*----- ここまでページTOPへ -----*/



/*----- ここからフッター -----*/
footer {
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#00448f;
	color:#FFF;
	text-align:center;
	position: absolute;
	bottom: 0px;
}

.footer-profile {
	width:100%;
	margin:20px 0px;
}

.footer-profile-box {
	width:49%;
	vertical-align: text-top;
	max-width:330px;
	padding:10px;
	display:inline-block;
	box-sizing:border-box;
	text-align: justify;/*文字の均等配置*/
	text-justify: inter-ideograph;/*文字の均等配置IE*/
}

.prof-nigaoe {
	width:70px;
	display:inline-block;
	box-sizing:border-box;
}
.prof-nigaoe img {
	width:70px;
	display:inline-block;
	box-sizing:border-box;
}

.prof-b {
	font-size:25px;
	font-weight: bold;
	padding-right:10px;
	display:inline-block;
	box-sizing:border-box;
}

.prof-n {
	font-size:16px;
	display:inline-block;
	box-sizing:border-box;
}

.prof-s {
	font-size:15px;
	display:inline-block;
	box-sizing:border-box;
}

/* 画面サイズが750以下の場合ここから */
@media screen and (max-width: 750px) {
.footer-profile-box {
	width:90%;
	max-width:90%;
	text-align:center;
}
}
/* 画面サイズが750以下の場合ここまで */


/*----- ここまでフッター -----*/