@charset "UTF-8";

/* //////////////////////////////////////////////////

　サイト全般のスタイル

////////////////////////////////////////////////// */

/* FONT
-------------------------------------------------- */
body {
	color: #666;
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
}
@media all and (-ms-high-contrast:none){
	body {
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}
p {
	line-height: 1.9;
}
li, dt, dd, th, td {
	line-height: 1.5;
}
a {
	color: #1BB8CE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
i, em {
	font-style: normal;
}
input, textarea, select {
	font-size: 16px;
}
.fcB { color: #1BB8CE;
}
.Roboto {
	font-family: 'Roboto', sans-serif;
}


/* フォーム
--------------------------------------------------- */

input[type=submit]#mail_submit_button {
    background: #fff;
    border: none;
}

input[type=submit]#mail_submit_button:hover {
    background: #fff;
    border: none;
}


input[type=submit]#mail_submit_button{
    display: inline-block;
    text-transform: uppercase;
    background: #fff;
	color: #1bb8ce;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    outline: 0;
    width: 100%;
   	font-family: "FOT-筑紫A丸ゴシック Std B","TsukuARdGothicStd-B","游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
}


/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	body {
		font-size: 75%;
	}
	body.fixed {position: fixed;}
}
@media screen and (max-width: 600px) {
}




/* LAYOUT
-------------------------------------------------- */
.container {
	position: relative;
	margin: auto;
	width: 1026px;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#wrapper {
		overflow: hidden;
	}
	.container {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 600px) {
}




/* HEADER
-------------------------------------------------- */
#header {
	margin-bottom: 40px;
}
#header h1 {
	padding: 65px 0 30px;
	text-align: center;
}
#header h1 a:hover img {
	opacity: 1;
}
.header_contact {
	position: absolute;
	top: 20px;
	right: 0px;
}

.header_contact img{
	max-width: 290px;
}

.header_btn_sp {
	display: none;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#header {
		position: relative;
		margin-bottom: 40px;
	}
	#header .container {
		position: static;
	}
	#header h1 {
		padding: 70px 0 0px;
	}
	.header_contact {
		display: none;
	}
	
	.header_btn_sp {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		display: table;
	}
	.header_btn_sp button,
	.header_btn_sp a {
		display: table-cell;
		width: 50%;
		height: 45px;
		text-align: center;
		vertical-align: middle;
		background-color: #1cb8cf;
	}
	
	#btn_menu {
		width: 100%;
		border-right: 1px solid #fff;
	}
	#btn_menu.active {
		background-color: #80dce8;
		background-image: url(../img/common/btn_close02.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100px
	}
	#btn_menu.active img {
		display: none;
	}

	.header_contact ._item {
		border-left: 1px solid #fff;
	}
}
@media screen and (max-width: 600px) {
}




/* GLOBAL NAVI
-------------------------------------------------- */
#btn_menu_close {
	display: none;
}
#gnavi ul {
	display: table;
	width: 100%;
}
#gnavi li {
	display: table-cell;
	background: url(../img/common/line_gnavi.png) no-repeat 0 50%;
}
#gnavi a {
	display: block;
	padding: 14px 30px;
	color: #666;
	font-size: 16px;
	text-decoration: none;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}
#gnavi a:hover {
	color: #1bb8ce;
}
#gnavi .fb a {
	padding-right: 0;
}
/* current */
.about #gnavi .nav1 a,
.information #gnavi .nav2 a,
.funding #gnavi .nav3 a,
.shelter #gnavi .nav4 a,
.porusapo #gnavi .nav5 a,
.contact #gnavi .nav6 a {
	background-image: url(../img/common/bg_gnavi_on.png);
	opacity: .8;
}

#gnavi .nav_shelter {
	display: none;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#gnavi {
		display: none;
		position: absolute;
		z-index: 20;
		top: 45px;
		left: 0;
		right: 0;
		background: #1cb8cf;
		border-top: 1px solid #fff;
		margin-right: 0px;
	}
	#gnavi li {
		float: none;
		display: block;
		background: url(../img/common/line_gnavi_sp.png) no-repeat bottom;
		background-size: 100% 1px;
		text-align: center;
	}
	#gnavi li:last-child {
		background: none;
	}
	#gnavi a {
		padding: 13px;
		background: none !important;
		color: #fff;
		font-size: 15px;
	}
	
	#btn_menu_close {
		display: block;
		width: 100%;
		padding: 13px;
		background: #80dce8;
	}
	
	/* シェルター類 */
	#gnavi .nav_shelter {
		display: table;
		border-spacing: 13px;
		width: 100%;
		background: #fff16d;
	}
	#gnavi .nav_shelter li {
		display: table-cell;
		width: 50%;
		border-radius: 40px;
		vertical-align: middle;
	}
	#gnavi .nav_shelter li a,
	#gnavi .nav_shelter li button {
		padding: 10px;
	}
	#gnavi .nav_shelter li a img,
	#gnavi .nav_shelter li button img {
		vertical-align: middle;
		max-width: 100%;
	}
	#gnavi .nav_shelter li:nth-child(1) {
		background: #fff;
	}
	#gnavi .nav_shelter li:nth-child(2) {
		border: 1px solid #00b9d0;
	}
	
}
@media screen and (max-width: 600px) {
}





/* FOOTER
-------------------------------------------------- */
#footer {
	position: relative;
	padding: 0 0 100px;
	background: url(../img/common/bg_footer.png) repeat-x center bottom;
}
#footer nav {
	margin-bottom: 30px;
	background: url(../img/common/line01.png) no-repeat center top;
}
.footer_navi01,
.footer_navi02 {
	background: url(../img/common/line01.png) no-repeat center bottom;
}
#footer nav a {
	text-decoration: none;
}
#footer nav a:hover {
	text-decoration: underline;
}
/* FOOTER NAVI 1 */
.footer_navi01 {
	display: table;
	padding: 40px 0 30px;
	width: 100%;
}
.footer_navi01 li {
	margin-bottom: 0.5em;
}
.footer_navi01 li.parent {
	display: table-cell;
	padding-right: 60px;
}
.footer_navi01 li.parent:nth-child(5) {
	padding-right: 0;
}
.footer_navi01 li.parent > a {
	color: #1BB8CE;
	font-weight: bold;
	font-size: 15px;
}
.footer_navi01 ul.child {
	margin-top: 1em;
}
.footer_navi01 ul.child a {
	color: #666;
	font-size: 14px;
}
.footer_navi01 .icon {
	padding-right: 25px;
	background: url(../img/common/ico_blank.png) no-repeat 100% 50%;
	background-size: 17px;
}

/* FOOTER NAVI 2 */
.footer_navi02 {
	padding: 25px 0;
}
.footer_navi02 li {
	display: inline-block;
	padding-left: 13px;
	background: url(../img/common/mrk_link.png) no-repeat 0 50%;
}
.footer_navi02 li + li {
	margin-left: 70px;
}
.footer_navi02 li a {
	color: #666;
}
.footer_navi02 li a[target="_blank"] {
	display: inline-block;
	padding-right: 20px;
	background: url(../img/common/ico_pc.png) no-repeat 100% 50%;
}

/* INFO */
.footer_info h1 {
	float: left;
	margin-right: 40px;
}
.footer_info address {
	float: left;
	overflow: hidden;
	line-height: 1.7;
}
.footer_info address .phone {
	display: inline-block;
	margin-top: 5px;
}

/* SNS */
.footer_sns {
	text-align: right;
	padding-top: 10px;
}
.footer_sns li {
	vertical-align: middle;
	margin-left: 20px;
}
.footer_sns li:nth-child(1) {
	position: relative;
	top: -3px;
	margin-right: 20px;
}

/* PAGE TOP */
#pagetop {
	position: absolute;
	bottom: 125px;
	right: 10px;
}

/* COPYRIGHT */
#footer .copyright {
	display: inline-block;
	margin-top: 30px;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#footer {
		padding: 0 0 50px;
		background-size: 800px;
	}
	#footer nav {
		margin-bottom: 25px;
		background-size: 100% 2px;
	}
	.footer_navi01,
	.footer_navi02 {
		background-size: 100% 2px;
	}
	/* FOOTER NAVI 1 */
	.footer_navi01 {
		display: block;
		padding: 15px 0 5px;
		text-align: center;
	}
	.footer_navi01 li {
		margin-bottom: 10px;
	}
	.footer_navi01 li.parent {
		display: inline-block;
		padding: 0 10px;
	}
	.footer_navi01 li.parent > a {
		font-size: 14px;
	}
	.footer_navi01 ul.child {
		display: none;
	}

	/* FOOTER NAVI 2 */
	.footer_navi02 {
		padding: 15px 0 8px;
	}
	.footer_navi02 li {
		margin: 0 10px 8px 10px;
		padding-left: 8px;
		background-size: 5px;
		font-size: 13px;
	}
	.footer_navi02 li + li {
		margin-left: 10px;
	}

	/* INFO */
	.footer_info {
		float: none !important;
		text-align: center;
	}
	.footer_info h1 {
		float: none;
		margin: 0 0 15px;
	}
	.footer_info h1 img {
		width: 120px;
	}
	.footer_info address {
		font-size: 11px;
	}

	/* SNS */
	.footer_sns {
		float: none !important;
		text-align: center;
		padding-top: 20px;
	}
	.footer_sns li {
		margin-left: 10px;
	}
	.footer_sns li:nth-child(1) {
		top: -6px;
		margin-right: 10px;
	}
	.footer_sns li:nth-child(1) img {
		width: 120px;
	}
	
	/* PAGE TOP */
	#pagetop {
		bottom: 220px;
		right: 10px;
	}

	/* COPYRIGHT */
	#footer .copyright {
		margin-top: 10px;
		font-size: 11px;
	}
}
@media screen and (max-width: 600px) {
	.footer_navi01 li.parent > a {
		font-size: 13px;
	}
	.footer_navi02 li {
		margin: 0 5px 8px 10px;
		font-size: 12px;
	}
}





/* 全国の子どもシェルター
-------------------------------------------------- */
#btn_s_01,
#btn_shelter {
	position: fixed;
	z-index: 10;
	right: 20px;
}
#btn_s_01 {
	bottom: 50%;
	margin-bottom: 8px;
}
#btn_shelter {
	top: 50%;
	margin-top: 8px;
}
#btn_shelter:hover {
	opacity: .8;
}

/* content */
#shelters {
	position: fixed;
	z-index: 11;
	top: 0;
	right: -460px;
	bottom: 0;
	width: 460px;
	padding: 50px;
	background: rgba(27,184,206,0.9);
	overflow-y: auto;
	transition: all .3s;
}
#shelters.active {
	right: 0;
}
#btn_shelter_close {
	float: right;
}
#shelters h3 {
	padding: 80px 0 40px;
}
#shelters dt {
	clear: both;
	float: left;
	margin: 3px 20px 0 0;
	padding: 3px;
	width: 65px;
	background: #fff;
	border-radius: 30px;
	color: #1bb8ce;
	text-align: center;
	line-height: 1;
}
#shelters dd {
	margin-bottom: 20px;
	color: #ddd;
	font-size: 1.18em;
}

#shelters dd a {
	color: #fff;
}


/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	#btn_s_01,
	#btn_shelter {
		display: none;
	}
	
	#shelters {
		right: 0px;
		width: 0%;
		padding: 30px 0;
	}
	#shelters.active {
		width: 100%;
		padding: 30px;
	}
	#shelters h3 {
		padding: 50px 0;
	}
	#shelters dd {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 600px) {
}






/* MODULE
-------------------------------------------------- */

/* TEXT */
p.lead {
	font-size: 1.143em;
	line-height: 2.1;
}

/* BUTTON */
.buttons ._item {
	padding: 0 20px;
}
.btn {
	display: table-cell;
	border-radius: 50px;
	width: 350px;
	height: 65px;
	color: #fff;
	font-size: 1.29em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.btn:hover {
	opacity: .8;
	text-decoration: none;
}
.btn01 {
	background-color: #1BB8CE;
}
.btn02 {
	background-color: #2BCCD8;
}

.btn_strip {
	display: block;
	background: url(../img/common/bg_stripe01.png);
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
}
.btn_strip:hover {
	opacity: .75;
	text-decoration: none;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	/* TEXT */
	p.lead {
		text-align: left;
	}
	.buttons ._item {
		padding: 0;
		width: 100%;
		display: table;
	}
	.buttons ._item + ._item {
		margin-top: 10px;
	}
	.btn {
		width: 100%;
		height: 45px;
	}
}
@media screen and (max-width: 600px) {
}





/* お知らせ
-------------------------------------------------- */
.information_lists li {
	display: table;
	width: 100%;
	margin-bottom: 25px;
	line-height: 1.6;
}
.information_lists li span {
	display: table-cell;
	vertical-align: middle;
}

.information_lists .term {
	width: 140px;
	padding-right: 20px;
}
.information_lists .term em {
	display: block;
	padding: 5px;
	background: #eee;
	border-radius: 3px;
	color: #1BB8CE;
	text-align: center;
}
.information_lists .date,
.information_lists .title {
	border-bottom: 1px solid #dbdbdb;
}
.information_lists .date {
	width: 70px;
	padding-right: 10px;
	color: #1BB8CE;
	font-size: 1.1em;
}
.information_lists a {
	color: #666;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	.information_lists li {
		display: block;
		margin-bottom: 15px;
	}
	.information_lists .term {
		padding-right: 10px;
	}
	.information_lists .term em {
		padding: 4px;
	}
	.information_lists .date {
		border-bottom: none;
	}
	.information_lists .title {
		display: block;
		margin-top: 8px;
		padding-bottom: 10px;
	}
	
	#gnavi a:hover {
		color: #ffffff;
		opacity: .8;
	}
	
}
@media screen and (max-width: 600px) {


}






/* パララックス
-------------------------------------------------- */
.inview_item {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.inview_item.top {
	margin-top: 30px;
}
.inview_item.bottom {
	margin-bottom: -30px;
}

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	.inview_item {
		opacity: 1;
		zoom: .5 !important;
	}
	.inview_item.top {
		margin-top: 0px;
	}
	.inview_item.bottom {
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 600px) {
}

/* 閉鎖のお知らせ
-------------------------------------------------- */
.btn_news_close {
	position: fixed;
	bottom: 45px;
	left: 45px;
}
/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 768px) {
	.btn_news_close {
		bottom: 15px;
		left: 15px;
	}
}