@charset "UTF-8";

/* -------------------------------------------------- */
/* sp-children（共通部分のCSSのみを書きます） */
/* -------------------------------------------------- */

body {
	background: url(../img/top/bg_band.png) repeat-x left top;
}



#Main {
	width: 100%;
    margin: 0px auto; padding: 0px;
	background: url(../img/top/bg_wave.png) repeat-x center top #F3F1ED;
}
#Contents {
	width: 1100px;
    margin: 0 auto; padding: 60px 0 0 0;
}
@media only screen and (max-width: 767px) {
	#Contents { width: 100%; }
}

/* -------------------------------------------------- */
/* 最上部の帯 */
/* -------------------------------------------------- */

/*header #band {
	margin: 8px 0 60px 0;
}
header #band p.f_L {
	margin: 0; padding: 0;
	float: left;
}
header #band p.f_R {
	margin: 0; padding: 0;
	float: right;
}*/

/* -------------------------------------------------- */
/* 2020.12.31 */
/* -------------------------------------------------- */

#sagasu {
	margin: 0 0 30px 0; padding: 0 0 0 0;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#sagasu a:hover {
	opacity: 0.7;
}
@media only screen and (max-width: 767px) {
	#sagasu {
		display: block;
	}
	#sagasu li {
		margin-bottom: 1vh;
	}
	#sagasu img {
		width: 100%;
	}
}

#sagasu .off {
	opacity: 0.5;
}


/* -------------------------------------------------- */
/* グローバルナビ */
/* -------------------------------------------------- */

nav {
	width: 100%;
	margin: 0; padding: 0;
}
nav ul {
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-ms-flex-wrap: wrap; -webkit-flex-flow: wrap; flex-flow: wrap;
	width: 1100px;
	margin: 0px auto;
}
nav li {
	margin-right: 15px; padding: 0px;
	text-indent: -10000px;
}
nav li:last-child { margin-right: 0; }
nav li a {
	display: block;
	height: 68px;	
}

nav #nav_00 { background: url(../img/top/nav_00.png) no-repeat center top; width: 70px; }
nav #nav_01 { background: url(../img/top/nav_01.png) no-repeat center top; width: 138px; }
nav #nav_02 { background: url(../img/top/nav_02.png) no-repeat center top; width: 158px; }
nav #nav_03 { background: url(../img/top/nav_03.png) no-repeat center top; width: 100px; }
nav #nav_04 { background: url(../img/top/nav_04.png) no-repeat center top; width: 145px; }
nav #nav_05 { background: url(../img/top/nav_05.png) no-repeat center top; width: 185px; }
nav #nav_06 { background: url(../img/top/nav_06.png) no-repeat center top; width: 195px; }

nav #nav_00:hover { background: url(../img/top/nav_00.png) no-repeat center bottom; }
nav #nav_01:hover { background: url(../img/top/nav_01.png) no-repeat center bottom; }
nav #nav_02:hover { background: url(../img/top/nav_02.png) no-repeat center bottom; }
nav #nav_03:hover { background: url(../img/top/nav_03.png) no-repeat center bottom; }
nav #nav_04:hover { background: url(../img/top/nav_04.png) no-repeat center bottom; }
nav #nav_05:hover { background: url(../img/top/nav_05.png) no-repeat center bottom; }
nav #nav_06:hover { background: url(../img/top/nav_06.png) no-repeat center bottom; }


nav #nav_00 { background: url(../img/top/nav_00.png) no-repeat center top; width: 70px; }
nav #nav_01a { background: url(../img/top/nav_01a.png) no-repeat center top; width: 155px; }
nav #nav_02a { background: url(../img/top/nav_02a.png) no-repeat center top; width: 155px; }
nav #nav_03a { background: url(../img/top/nav_03a.png) no-repeat center top; width: 155px; }
nav #nav_04a { background: url(../img/top/nav_04a.png) no-repeat center top; width: 155px; }
nav #nav_05a { background: url(../img/top/nav_05a.png) no-repeat center top; width: 155px; }
nav #nav_06a { background: url(../img/top/nav_06a.png) no-repeat center top; width: 155px; }

nav #nav_00a:hover { background: url(../img/top/nav_00.png) no-repeat center bottom; }
nav #nav_01a:hover { background: url(../img/top/nav_01a.png) no-repeat center bottom; }
nav #nav_02a:hover { background: url(../img/top/nav_02a.png) no-repeat center bottom; }
nav #nav_03a:hover { background: url(../img/top/nav_03a.png) no-repeat center bottom; }
nav #nav_04a:hover { background: url(../img/top/nav_04a.png) no-repeat center bottom; }
nav #nav_05a:hover { background: url(../img/top/nav_05a.png) no-repeat center bottom; }
nav #nav_06a:hover { background: url(../img/top/nav_06a.png) no-repeat center bottom; }

nav #nav_00 { background: url(../img/top/nav_00.png) no-repeat center top; width: 70px; }
nav #nav_01b { background: url(../img/top/nav_01b.png) no-repeat center top; width: 155px; }
nav #nav_02b { background: url(../img/top/nav_02b.png) no-repeat center top; width: 155px; }
nav #nav_03b { background: url(../img/top/nav_03b.png) no-repeat center top; width: 155px; }
nav #nav_04b { background: url(../img/top/nav_04b.png) no-repeat center top; width: 155px; }
nav #nav_05b { background: url(../img/top/nav_05b.png) no-repeat center top; width: 155px; }
nav #nav_06b { background: url(../img/top/nav_06b.png) no-repeat center top; width: 155px; }

nav #nav_00:hover { background: url(../img/top/nav_00.png) no-repeat center bottom; }
nav #nav_01b:hover { background: url(../img/top/nav_01b.png) no-repeat center bottom; }
nav #nav_02b:hover { background: url(../img/top/nav_02b.png) no-repeat center bottom; }
nav #nav_03b:hover { background: url(../img/top/nav_03b.png) no-repeat center bottom; }
nav #nav_04b:hover { background: url(../img/top/nav_04b.png) no-repeat center bottom; }
nav #nav_05b:hover { background: url(../img/top/nav_05b.png) no-repeat center bottom; }
nav #nav_06b:hover { background: url(../img/top/nav_06b.png) no-repeat center bottom; }


@media only screen and (max-width: 767px) {
	nav { display: none; }
	nav ul { display: block; }
	nav li {
		margin: 0; padding: 0px;
		text-indent: 0px;
	}
	nav li a {
		display: block;
		height: auto;	
	}
	nav #nav_00, nav #nav_01, nav #nav_02, nav #nav_03, nav #nav_04, nav #nav_05, nav #nav_06 { background: none; }
	nav #nav_00:hover, nav #nav_01:hover, nav #nav_02:hover, nav #nav_03:hover, nav #nav_04:hover, nav #nav_05:hover, nav #nav_06:hover { background: none; }
	nav #nav_00, nav #nav_01a, nav #nav_02a, nav #nav_03a, nav #nav_04a, nav #nav_05a, nav #nav_06a { background: none; }
	nav #nav_00:hover, nav #nav_01a:hover, nav #nav_02a:hover, nav #nav_03a:hover, nav #nav_04a:hover, nav #nav_05a:hover, nav #nav_06a:hover { background: none; }
	nav #nav_00, nav #nav_01b, nav #nav_02b, nav #nav_03b, nav #nav_04b, nav #nav_05b, nav #nav_06b { background: none; }
	nav #nav_00:hover, nav #nav_01b:hover, nav #nav_02b:hover, nav #nav_03b:hover, nav #nav_04b:hover, nav #nav_05b:hover, nav #nav_06b:hover { background: none; }
}

/* -------------------------------------------------- */
/* 区切り線 */
/* -------------------------------------------------- */

hr {
	height: 8px;
	margin: 0 0 30px 0; padding: 0;
	background: url(../img/top/bg_hr.png) no-repeat center top;
	border: 0;
}
@media only screen and (max-width: 767px) {
	hr {
		display: none;
		height: 8px;
		margin: 0 0 30px 0; padding: 0;
		background: url(../img/top/bg_hr.png) no-repeat center top;
		border: 0;
	}
}

/* -------------------------------------------------- */
/* 特設サイトへのリンク */
/* -------------------------------------------------- */

#sp {
	width: 1058px;
	margin: 0px auto 30px auto;
}
#sp li {
	margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}
#sp img {
    /*width: 525px;*/ 
	/*width: 350px;*/ 
	width:263px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}
@media only screen and (max-width: 767px) {
#sp {
	width: 100%;
	margin: 0px 0px 50px 0px;
}
#sp li {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: none;
}
#sp li img {
	width: 100%;
	margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px;
}
}

/* -------------------------------------------------- */
/* 子育てBOOKへのリンク */
/* -------------------------------------------------- */

#sp2 {
	width: 1058px;
	margin: 0px auto 30px auto;
}
#sp2 li {
	margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px;
	float: left;
}
#sp2 img {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 767px) {
#sp2 {
	width: 100%;
	margin: 0px 0px 50px 0px;
}
#sp2 li {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	float: none;
}
#sp2 li img {
	width: 100%;
	margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px;
}
}

/* -------------------------------------------------- */
/* フッター */
/* -------------------------------------------------- */

footer {
	width: 100%;
	margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px;
	text-align: center;
}
footer #submenu {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	text-align: center;
}
footer #submenu li {
	display: inline-block;
	margin: 0px 20px 10px 0px; padding: 0px 0px 0px 25px;
	line-height: 1;
}
footer #author strong {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #000; font-size: 1.5em; font-weight: bold; line-height: 1.5em;
}
footer #author p {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	color: #000; line-height: 1.5em;
}

footer #author p br {
	display: none;
}

footer a:link      { color: #000; text-decoration: underline; }
footer a:hover     { color: #000; text-decoration: none; }
footer a:active    { color: #000; text-decoration: none; }
footer a:visited   { color: #000; text-decoration: underline; }

@media only screen and (max-width: 767px) {
	footer {
		width: 100%;
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
		text-align: center;
		background: none;
	}
	footer #submenu {
		margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;
		text-align: center;
		border-top: 1px solid #D5D5D5;
	}
	footer #submenu li {
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
		display: block;
		border-bottom: 1px solid #D5D5D5;
	}
	footer #submenu li a {
		margin: 0px 0px 1px 0px; padding: 20px 0px;
		display: block;
	}
	footer #author {
		margin: 0px 0px 0px 0px; padding: 14px 0px 14px 0px;
		/*background: #009081;*/
	}
	footer #author p    { margin: 0px 15px; padding: 0px 0px 0px 0px; line-height: 1.5em; }
	footer #author p br { display: block; }
}

/* -------------------------------------------------- */
/* ページスクロール */
/* -------------------------------------------------- */

#Top_Pager {
	display: none;
    position: fixed; bottom: 20px; right: 20px;
    font-size: 100%;
}
#Top_Pager a {
    display: block;
    /*width: 50px; height: 50px;*/
	padding: 5px 15px;
	color: #FFF; text-align: center; text-decoration: none; line-height: 10px;
	border-radius: 25px;
    background: #009080; /*background: #006BB9;*/
	border: 1px solid #FFF;
}
#Top_Pager span {
	/*display: block;*/
	/*text-indent: -9999px;*/
}

/* -------------------------------------------------- */
/* 表示・非表示の設定 */
/* -------------------------------------------------- */

.pc { display: block; }
@media only screen and (max-width: 767px) {
.pc { display: none; }
}
.sp { display: none; }
@media only screen and (max-width: 767px) {
.sp { display: block; }
}


/* -------------------------------------------------- */
/* 選択（ブラウザの右側に配置） */
/* -------------------------------------------------- */

#position_cat_01 {
	position: fixed;
	right: 0;
	/*top: 420px;*/
	top: 120px;
	z-index: 1000;
}
#position_cat_02 {
	position: fixed;
	right: 0;
	/*top: 610px;*/ /*180px*/
	top: 310px; /*180px*/
	z-index: 1000;
}

/* -------------------------------------------------- */
/* close_text */
/* -------------------------------------------------- */
.close_text{
    font-size: 100%;/*ボタンの大きさ*/
    font-weight: bold;
    border: 1px solid #999;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
	background: #999;
}
    
.close_text:hover{
    background: #333;
    border-color: #333;
    color: #999;
}
@media only screen and (max-width: 767px) {
.close_text{
	display: none;	
}
}
/* -------------------------------------------------- */
/*  */
/* -------------------------------------------------- */