/*===============================================
●smart.css  画面の横幅が600pxまで
===============================================*/


@media screen and (max-width:600px){

body {
	margin: 0;
	min-width:100%;
    background: url(cmn/imgs/header-background.png) top left repeat-x ,#fffcf0;
 	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.content {
    width: 100%;
    margin: 0 auto;
}

.nav,
.header-nav {
	display:none;
}

/* header */
.header {
	height:auto;
	margin-bottom:20px;
	background:none;
}

.logo {
	width:75%;
	float:left;
	margin-left:5px;
}

#smart-nav{
	display:block;
	float:right;
	width:50px;
	height:50px;
	margin-top:20px;
	margin-right:20px;
}

#smart-nav label { 
	display: block; 
	margin: 0;
}
#smart-nav  ul { 
	-webkit-transition: height 0.5s; 
	-moz-transition: height 0.5s; 
	-ms-transition: height 0.5s; 
	-o-transition: height 0.5s; 
	transition: height 0.5s;
	margin: 0; 
	padding: 0; 
	list-style: none;
	position:absolute;
	right:0px;
	width:300px;
	width:calc(100vw - 40px);
 }

#smart-nav li {
	font-size:14px;
    display: block;
    margin: 0;
    padding: 0 15px;
    line-height: 40px;
	background:#fffcf0;
    border-top: 1px solid #fbce2f;
	border-bottom:0;
    border-left: 2px solid #fbce2f;
    border-right: 2px solid #fbce2f;

}
#smart-nav li:first-child{
    border-top: 2px solid #fbce2f;

}

#smart-nav li:last-child{ 
	font-weight:bold;
	background:#fbce2f;
    border-bottom: 2px solid #fbce2f;
}

#smart-nav li:last-child label:before{
	display:inline-block;
	content:"\f00d";
    font-family: FontAwesome;
    margin-right: 10px;
}

#smart-nav ul li.child{
	background:#fff;
}
#smart-nav li a { 
	display:block; 
	color:#50382e;
}
#smart-nav li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;

}
#smart-nav ul li.child {
	padding-left:20px;
}

#smart-nav ul li.child a:before { 
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
}

#smart-nav input[type="checkbox"].on-off{ 
	display: none; 
}
#smart-nav input[type="checkbox"].on-off + ul{ 
	height: 0; 
	overflow: hidden;
}
#smart-nav input[type="checkbox"].on-off:checked + ul{ 
	height: 1060px; 
}

#smart-nav input.search{
	-webkit-appearance:none;
	font-size:16px;
	width:79%;
	border:2px solid #fbce2f;
	border-radius:3px 0 0 3px;
	box-sizing:border-box;
	background:#fff;
	display:inline-block;
	height:32px;
	margin:10px 0;
}

#smart-nav  input.search-submit{
	-webkit-appearance: none;
	font-size:16px;
	color:#fff;
	background:#fbce2f;
	width:20%;
	height:32px;
	border:0;
	border-radius:0 3px 3px 0 ;
	margin-left:-5px;
	display:inline-block;
	cursor:pointer;
}
@media screen and (max-width:425px){
#smart-nav{
	margin-top:10px;
	margin-right:10px;
}
#smart-nav  ul { 
	width:calc(100vw - 20px);
 }
}
/* スライダー */

.top-images{
	height:auto;
	position:static;
	overflow:auto;
	margin:0 10px;
}

.top-images .wrap{
	width:100%;
	height:auto;
	position:static;
	margin-left: 0px;
}

.top-images #slider{
	width:100%;
	height:auto;
	position:static;
}

.top-images #slider li {
	width:100% !important;
	height:auto !important;
}

.eyecatch {
	display:none;
}

/* えちごんパタパタ */
.echigon-ouen-message{
	margin-top:5px;
}
.echigon-ouen-message #echigon-ouen{
	margin-top:-20px;
}

.echigon-ouen-message #echigon-ouen img{
	width:60px;
	height:auto;
}

/* コンテンツナビ画像 */
.top-main-content-nav {
	max-width:100%;
	height:auto;
	padding:10px;
	border: 3px solid #f8e07f;
	margin-top:-20px;
	margin-bottom:15px;
}

.top-main-content-nav .content{
	position: static;
    left: auto;
    width: auto;
    margin-left: 0;
	text-align:center;
}

.top-main-content-nav dl + dl{
	margin:0;
	margin-bottom:5px;
}

.top-main-content-nav dl {
	float:none;
	background:#fbce2f;
	border-radius:3px;
	padding:5px;
	margin-bottom:5px;
}

.top-main-content-nav dl:nth-child(2n){
	background:#f9e7a0;

}

.top-main-content-nav dl dt {
	width:26%;
	display: table-cell;
    vertical-align: middle;
}
.top-main-content-nav dl dt img{
	vertical-align:bottom;
}

.top-main-content-nav dl dd {
	width:74%;
	display: table-cell;
	text-align:left;
    vertical-align: middle;
}

.top-main-content-nav dl dd a{
	font-size:14px;
	margin-left:15px;
	display:block;
}

/* お知らせ */

.top-news img.title{
	display:none;
}
.top-news .smart-title {
	float:left;
	display:block !important;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
    margin-top: 5px;
}

.top-news .tab {
	display:none;
}

.top-news .smart-tab {
	display:block !important;
	float:right;
    margin-top: 8px;
}

.top-news .smart-tab li + li {
    margin-left: 3px;
}

.top-news .smart-tab li {
	font-size:11px;
	font-weight:bold;
	display:block;
	float:left;
    background:#ccc;
	padding:8px 10px;
	border-radius: 5px 5px 0 0;
    vertical-align: bottom;
}
.top-news .smart-tab li#t1 {
	background:#fbcd2e;
}
.top-news .smart-tab li#t2 {
	background:#fc7295;
}
.top-news .smart-tab li#t3 {
	background:#c9de32;
}
.top-news .smart-tab li#t4 {
	background:#8febfd;
}
.top-news-list{
	padding:10px;
	font-size:12px;
	margin-bottom:15px;
}
.top-news-list span.date{
	margin-right:15px;
}

.top-news-list span.cat img{
	width:60px;
}
.top-news-list .post_title{
	display:block;
	font-weight:bold;
	font-size:13px;
}


/* 年齢別に情報を見る */
.top-by-age {
	margin-bottom:15px;
}

.top-by-age .pc{
	display:none;
}

.top-by-age .smart{
	display:block;
}

.top-by-age dl {
    border: 2px solid #fc7295;
    background: #fc7295;
    border-radius: 5px;
	margin:5px;
}
.top-by-age dt {
	display:table-cell;
	width:30%;
	text-align:center;
	background: #fff;
    border-radius: 5px 0 0 5px;
    padding: 5px 10px;
}
.top-by-age dt img{
	width:90%;
	height:auto;
    border-radius: 5px;
	vertical-align:bottom;
}

.top-by-age dd{
	display: table-cell;
    width: 70%;
    vertical-align: middle;
    background: #fc7295;
    color: #fff;
    padding-left: 15px;
    font-weight: bold;
}

/* 子育てお役立ち情報 */
.top-benri {
	margin-bottom:15px;
}

.top-benri .title{
	font-size:18px;
}
.top-benri li {
	width:80%;
	float:none;
	margin:0 auto;
	margin-bottom:10px;
	display:block !important;
    text-align: center;
}
.top-benri li + li {
	margin:0 auto;
	margin-bottom:10px;

}

/* リンク集 */
.top-link li {
	width:calc(50% - 20px);
	display:block;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
}
.top-link li:nth-child(2){
}
.top-link li img{
	margin:0;
}
/* sns */
.top-sns-widget .fb{ float:none; width:100% !important; height:300px !important; overflow:hidden; margin-bottom:20px;}
.top-sns-widget .tw{ float:right; width:100% !important; height:300px !important; overflow:hidden;  }



/* トップへ戻る */
.to-top img {
	width:60%;
}

/* フッター */
.footer{
    border-top: 4px solid #ffefb9;
}
.footer-nav{
	margin-bottom:15px;
}
.footer-nav li{
	float:none;
	margin-left:10px;
}
.footer-nav li + li{
	margin-left:10px;
}
.footer-info{
	font-size:13px;
	float:none;
	margin-left:10px;
}
.the-all-kashiwazaki{
	float:none;
	margin-top:15px;
	margin-left:10px;
}
.the-all-kashiwazaki img{
	width:40%;
	max-width:150px;
	height:auto;
}

/* コピーライト */
.copyright{
	font-size:11px;
}

/* ページ */
.page-content{
	padding:5px;
}
.page .page-content{
	font-size:14px;
}

.page-content:not(.max-width-false) div,
.page-content:not(.max-width-false) img{
	max-width:100% !important;
}

.breadcrumb{
	font-size:11px;
	padding:5px;
    box-sizing: border-box;
}

h1.page-title,
h1.post-title{
	padding:10px 15px;
	font-size:16px;
}
h1.post-title:before{
	top:13px;
}


h2.title{
	padding:8px 12px;
	font-size:15px;
	margin-bottom:15px;
}

h2.title:before{
	top:10px;
}

.title-echigon {
	position:absolute;
	top:0px;
	right:20px;
}

.title-echigon img{
	width:auto;
	height:60px;
}

ul.link-list li:before{
	margin-right:5px;
}
ul.list li:before {
    margin-right: 8px;
}

/* 元気館 */
#genkikan .genkikan-image,
#genkikan .genkikan-info{
	float:none;
	width:100%;
}
#genkikan .genkikan-info table {
	margin:10px 0;

}
#genkikan .genkikan-info th,
#genkikan .genkikan-info td {
	padding:10px 0;
	height:auto;
}
#genkikan .genkikan-guide .unit{
	width:100%;
	float:none;
	margin:10px 0;
}
#genkikan .genkikan-guide .text{
	min-height:0;
}

/* 子育て支援室 */
#space .spaces .in-unit{
	width:100%;
	float:none;
	margin:10px 0;
}
#space .spaces .in-unit .img{
	width:30%;
}
#space .spaces .in-unit .text{
	width:calc(70% - 15px);
}

/* イベント情報 */
.event-calendar-tab li{
	width:calc(20% - 5px);
	padding:5px;
	font-size:10px;
}
.event-calendar-tab li + li {
	margin-left:5px;
}
.calendar-box th{
	white-space:nowrap;
}
.calendar-box th, 
.calendar-box td{
	padding:3px 5px;
}

#event .houkoku-list{
	padding: 10px;
}
#event .houkoku-list a {
	text-decoration:underline !important;
}
/* 子育て相談Q&A */
#consult-custom ul.nayami-age {
	display:none;
}
#consult-custom .nayami-age-smart{
	display:block;
}

#consult-custom .nayami-age-smart a{
	text-decoration:none;
}

#consult-custom .nayami-age-smart dl {
    border: 2px solid #fc7295;
    border-radius: 5px;
	margin:5px 0;
}
#consult-custom .nayami-age-smart dt {
	display:table-cell;
	width:30%;
	text-align:center;
	background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
}
#consult-custom .nayami-age-smart dt img{
	width:90%;
	height:auto;
    border-radius: 5px;
	vertical-align:bottom;
}

#consult-custom .nayami-age-smart dd{
	display: table-cell;
    width: 70%;
    vertical-align: middle;
    background: #fc7295;
    color: #fff;
    padding-left: 15px;
    font-weight: bold;
}

#consult-custom .nayami-list li{
	padding:3px 0px;
	margin-bottom:5px;
}

#consult-custom p.more {
	text-align:center;
	margin-bottom:20px;
}
#consult-custom p.more:before{
	display:none;
}

#consult-custom p.more a {
	text-align:center;
	color:#fff;
	font-weight:bold;
	display:block;
	border-radius:5px;
	background:#fbce2f;
	padding:10px;
	text-decoration:none;
}

#consult .list tr td:not(:nth-child(2)){
	white-space:normal;
}

/* 年齢別 */
.age-news-list {
	font-size:12px;
}

.age-news-list span.cat img{
	width:60px;
	height:auto;
}

.age-news-list span.post_title{
	font-size:14px;
	display:block;
}

#age-custom p.more:before{
	display:none;
}

#age-custom p.more a{
	font-weight:bold;
    display: block;
	color:#fff;
    text-align: center;
    background: #fbce2f;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
}

/* 予防接種 */
h1.page-title.schedule-title{
	font-size:14px;
}

#schedule-input .unit .in-unit{
	float:none;
	margin-bottom:15px;
}
#schedule-input .pay{
	margin-top:15px;
	padding-top:0;
}

.schedule-howto ul li{
	float:none;
}
.schedule-howto ul li + li{
	margin:0;
}
.schedule .popup img{
	max-width:initial !important;
}

.schedule{
	padding:20px;
}
/* 便利マップ */
#map-categories ul li{
	width:calc(50% - 5px);
	display:inline-block;
	margin:0px;
	margin-bottom:5px;
	white-space:nowrap;
	overflow:hidden;
}
#map-categories ul li:nth-child(2n) {
	margin:0;
	margin-left:5px;
	margin-bottom:11px;
}
#map-categories ul li:nth-child(9){

	font-size:12px;
}

#map-canvas { 
	height:60vh;
}

#map-list thead th:first-child,
#map-list thead th:nth-child(4){
	width:auto;
}

.gmapImg{
	width:calc(45% - 10px);
	max-width:150px;
}

.gmapImg img{
	width:100%;
	vertical-align:bottom;
}

.gmapInfo {
    width:100%;
    padding: 5px;
	margin-left:10px;
}


.gmapImg + .gmapInfo {
    width: 50%;
    padding: 5px;
	margin-left:10px;
}


/* 子育て便利帳 */
#note ol li a {
	text-decoration:underline;
}
#note img.pc{
	display:none;
}
#note img.smart{
	display:block;
}

/* すくすくファイル */
#sukusukufile li a {
	text-decoration:underline !important;
}

/* 悩み相談窓口 */
#window .unit .in-unit{
	width:100%;
	min-height:0;
	float:none;
	margin:0;
	margin-bottom:10px;
}
/* こども大学*/
#daigaku #course-inner .in-unit{
	width:100%;
	min-height:0;
	float:none;
	margin:0;
	margin-bottom:10px;
}

/* お問い合わせフォーム */
#form *,
#form *:before, 
#form *:after {
	box-sizing:border-box;
	max-width:100%;
}
#form th,
#form td {
	width:100%;
	display:block;
	padding:10px;
	box-sizing:border-box;
	border-bottom:0;
}

#form tr:last-child td{
	border-bottom:1px solid #fbce2f;
}

#form input#name,
#form input#address,
#form input#email{
	width:100%;
}
#form input[type="text"],
#form input[type="email"],
#form textarea{
	border:1px solid #ccc;
	box-shadow:none;
	padding:5px;
	border-radius:3px;
}

#form input[type="submit"]{
	padding:15px;
	width:100%;
	box-sizing:border-box;
}
#form input[type="submit"] + input[type="submit"]{
	margin-top:10px;
}

#form span.asterisk{
	display:inline-block;
	margin-left:10px;
}

/* iphoneのボタン修正 */
#form input[type="button"],
#form input[type="submit"] {
    -webkit-appearance: none;
}

#form .submit_send{
    -webkit-appearance: none;
    border: 0;
    border-radius: 3px;
    background: #fbce2f;
    font-weight: bold;
    color: #fff;
    font-size: 115%;
}
#form .submit_back{
    -webkit-appearance: none;
	border: 2px solid #fbce2f;
    border-radius: 3px;
    background: #fff;
    font-weight: bold;
    color: #fbce2f;
    font-size: 115%;

}

/* 記事・アーカイブページ */
.main-area,
.sidebar {
	width:100%;
	float:none;
	margin-bottom:15px;
	padding:5px;
	box-sizing:border-box;
}

.post-content img{
	max-width:100%;
	float:none !important;
}

.post .post-content{
	font-size:14px;
	padding:0;
}
.post .post-content .published {
	margin:10px 0;
}

.post .details th{
	width:20%;
}


.post .details .google-calendar a{
	width:100%;
}
.archive .article, 
.category .article{
	font-size:14px;
}

.archive .article .post-content, .category .article .post-content {
    padding: 0px;
}

.archive .article .post-content .published,
.category .article .post-content .published{
	font-size:13px;
	margin-top:10px;
}

/* 20211108 便利マップ修正 */
.gmapImg { width: calc(35% - 10px); max-width: 150px; }
.gmapImg + .gmapInfo { width: 60%; }

}