@charset "UTF-8";
/*---------------------------------
Theme Name: ママフレ
Theme URI: http://mamafre.jp/
Description: ママフレテーマ。レスポンシブWebデザイン。
Version: 3.1
Author: Makoto Kondo / TSUKURIBE
Author URI: http://chephes.com, http://www.tsukuri.be
v3.1 子テーマを廃止
v3		topに行政サービス表示
			広告枠一括管理
			広告タグWidget追加
			topに共通サーバーからRSS取得
			topのオススメ件数を管理画面より制御
v2.1	自治体の"市"表記を削除。(区に対応するため)
		clipbordの表示のされ方変更
v2.1.1	service-cateoryのerror修正
-----------------------------------
#wrapper
	└#heaedr
	└#navi
	└#container
		└#side
		└#content
	└#footer
------------------------------------
----------------------------------*/
/*default
-----------------------------------*/
body,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,form,input,textarea,fieldset,
ul, ol, dl, li,dt,dd,address,caption {
	margin: 0;
	padding: 0;
}
table{
	border-collapse: collapse;
	}
p{
	margin-bottom: 1em;
	/*margin-right:90px;*/
	}
body{
	color: #333;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS Pゴシック",sans-serif;
}
* html body{
	padding: 40px 0;
}
address,em,caption,th{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	}
img{
	vertical-align: bottom;
	border: none;
	}
li{	list-style-type: none;	}
small{	font-size: 75%;/*12px*/	}
.url{
	-ms-word-break: break-all;
	word-break: break-all;
}
/*link
-----------------------------------*/
/*common style
-----------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
a.arrow{
	padding: 0 0 0 14px;
	background: url(./img/icons.gif) left 6px no-repeat;
	display:block;
}
.pageTopText{
	padding: 0 0 0 12px;
	font-size: 87.5%;/*14px*/
	background: url(./img/icons.gif) left -117px no-repeat;
}
/*list*/
.basicList{
		margin: 0 0 1em 20px;
	}
	.basicList li{
		margin: 0 0 0.5em 0;
		list-style-type: disc;
	}
.basicOl{
		margin: 0 0 1em 20px;
 padding: 0px 15px;
	}
	.basicOl li{
		margin: 0 0 0.5em 0;
		list-style-type: decimal;
	}
ul.naviLarge{
	overflow: hidden;
	margin: 0 0 1em;
}
ul.naviLarge li{
	float: left;
	margin-right: 20px;
}
ul.naviLarge li a{
	padding: 4px 0 4px 14px;
	font-size: 125%;
	background: url(./img/icons.gif) left 14px no-repeat;
}
ul.naviBottom{
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}
.red{
	color: #e50000;
}
/*fluid image*/
img{
	max-width: 100%;
	height: auto;
}
.ie img{
	max-width: none;
}
.mt30{	margin-top: 30px;	}
/*all
-----------------------------------*/
#all{
	margin: 0 auto;
	padding: 0 0;
	max-width: 1200px;
	width: 100%;
}
.ie #all{
	min-width: 850px;
}
* html #all{
	overflow: hidden;
	width: expression(document.body.clientWidth < 932? "930px" : "auto"); } /*wrapper -----------------------------------*/ #wrapper{ margin: 40px 15px; padding: 40px; background: #fff; border-radius: 30px; behavior: url(/js/PIE.htc); -webkit-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out; } /*header -----------------------------------*/ #header{ background: url(./img/bg_header.png) left bottom no-repeat; position: relative; margin-top: -40px; padding-top: 20px; height: 180px; } #header.collabo{ background-image: url(./img/collabo_bg_header.png); } * html #header{ background:url(./img/bg_header.gif) left bottom no-repeat; height: 180px; width: 100%; } #header h1{ position:absolute; bottom:30px; } #header h1 img.mobile{ display: none; } #header #cityLogo{ width:216px; height:48px; float:left; margin-bottom:20px; } #header #cityLogo img{ max-width:216px; max-height:48px; -webkit-transition: width 0.3s ease-out; } #headerRight{ text-align: right; position:absolute; bottom:0px; right:0px; } #headerRight ul.language li{ font-size:90%; display:inline; } #headerRight ul.loginbar li{ font-size:90%; display:inline; margin-right:5px; } #headerRight dl{ clear: right; width: 200px; float: right; overflow: hidden; font-size: 10px; } #headerRight dl#bgChange{ margin: 0 0 12px 0; } #headerRight dl#sizeChange{ margin: 0 0 15px 0; } #headerRight dl dt{ float: left; } #headerRight dl dd ul{ overflow: hidden; text-align: left; } #headerRight dl dd ul li{ float: left; width: 40px; } #headerRight dl dd a{ display: block; width: 40px; height: 24px; background: url(./img/btn_change_status.png) no-repeat; text-indent: -9999px; } #bgChange .setDefault{ background-position: 0px 0px; } #bgChange .setBlue{ background-position: -40px 0px; } #bgChange .setYellow{ background-position: -80px 0px; } #bgChange .setBlack{ background-position: -120px 0px; } #bgChange .setDefault:hover{ background-position: 0px -24px; } #bgChange .setBlue:hover{ background-position: -40px -24px; } #bgChange .setYellow:hover{ background-position: -80px -24px; } #bgChange .setBlack:hover{ background-position: -120px -24px; } #bgChange .current .setDefault{ background-position: 0px -48px; } #bgChange .current .setBlue{ background-position: -40px -48px; } #bgChange .current .setYellow{ background-position: -80px -48px; } #bgChange .current .setBlack{ background-position: -120px -48px; } #sizeChange .setSmall{ background-position: 0px -72px; } #sizeChange .setMidium{ background-position: -40px -72px; } #sizeChange .setLarge{ background-position: -80px -72px; } #sizeChange .setSmall:hover{ background-position: 0px -96px; } #sizeChange .setMidium:hover{ background-position: -40px -96px; } #sizeChange .setLarge:hover{ background-position: -80px -96px; } #sizeChange .current .setSmall{ background-position: 0px -120px; } #sizeChange .current .setMidium{ background-position: -40px -120px; } #sizeChange .current .setLarge{ background-position: -80px -120px; } /*form*/ #searchBtn{ display: none; } #headerRight form{ margin: 0 0 10px 0; } #headerRight form input{ vertical-align: middle; } #headerRight form .word{ padding: 5px 10px 5px 18px; width: 150px; border: 2px solid #008b45; background: #fff url(./img/bg_search.png) left center no-repeat; border-radius: 5px; } /*navi*/ #header ul.navi{ padding-bottom: 10px; clear: right; text-align: right; } #header ul.navi li{ display: inline; padding: 0 5px; font-size: 68%;/*11px*/ border-right: 1px solid #000; line-height: 1.2; line-break: strict; word-bread: break-strict; white-space: nowrap; } #header ul.navi li.last{ border-right: none; } #header ul.navi li a{ color: #0071b5; } /*color*/ .black #header ul.navi li , .blue #header ul.navi li a{ color: #fff; } #topService{ margin-top:30px; } #topBanner{ float:left; } #topBanner img{ float:left; } #logo{ clear:both; float:left; } .appbutton a{ display:block; border-radius:5px; border:solid 1px #c0c0c0; padding:2px 5px; margin:8px 8px 0px 8px; font-weight:bold; text-decoration: none; } /*navigation(メニュー) -----------------------------------*/ #navi{ margin: 20px 0 15px; } * html #navi{ overflow: hidden; } #navi ul, #navi table{ width:100%; display:table; table-layout:fixed; text-align: center; border-collapse:separate; border-spacing:10px 0px; } #navi li, #navi td{ display:table-cell; font-weight: bold; border-bottom: 3px solid #148644; } #navi li a, #navi td a{ background-color: #ffffff; color: #147f42; display: block; padding: 70px 0 0 0; text-decoration: none; line-height: 1.2; background-repeat:no-repeat; background-position:center -5px; } #navi li a:hover, #navi td a:hover{ background-position:center -155px; } #navi li a.selected, #navi td a.selected{ background-color: #4cc176; color: #fff; background-position:center -305px; } a.navi-home{ background-image:url(./img/navi-home.png); } a.navi-service{ background-image:url(./img/navi-service.png); } a.navi-advice{ background-image:url(./img/navi-advice.png); } a.navi-link{ background-image:url(./img/navi-link.png); } a.navi-useful{ background-image:url(./img/navi-useful.png); } a.navi-bbs{ background-image:url(./img/navi-bbs.png); } a.navi-hospital{ background-image:url(./img/navi-hospital.png); } a.navi-event{ background-image:url(./img/navi-event.png); } a.navi-akachaneki{ background-image:url(./img/navi-akachaneki.png); } a.navi-fukuoka-service{ background-image:url(./img/navi-fukuoka-service.png); } a.navi-fukuoka-fac{ background-image:url(./img/navi-fukuoka-fac.png); } a.navi-fukuoka-soudan{ background-image:url(./img/navi-fukuoka-soudan.png); } a.navi-fukuoka-yomimono{ background-image:url(./img/navi-fukuoka-yomimono.png); } a.navi-fukuoka-kodomo{ background-image:url(./img/navi-fukuoka-kodomo.png); } * html #navi li a{ padding: 75px 0 0 0; } /*container -----------------------------------*/ #container{ position: relative; margin: 0px; } * html #container{ width: 100%; } #bread{ margin: 0 0 10px 0; } #bread li{ display: inline; } #bread li a{ padding: 0 15px 0 0; background: url(./img/icons.gif) right -703px no-repeat; } .pageTopBottom{ margin: 1em 0 10px; text-align: right; } /*content -----------------------------------*/ #content{ float: left; margin: 0 -330px 0.5em 0; width: 100%; } #contentInner{ margin: 0 330px 0 0; } * html #content{ height: 630px; } #content h2{ margin: 0 0 10px 0; } #contentAd{ text-align: center; } #contentAd .sideAd{ display: none; } #content .likeBox h2{ margin-top:30px; margin-bottom: 30px; background-color: #00a73c; padding-left:20px; color:#ffffff; font:100%; } /*side -----------------------------------*/ #top #side{ /* margin-top: 2em; */ } #side{ float: right; margin: 0 0 35px 0; width:300px; } #side h3{ margin: 0 0 10px 0; } #sideSocial{ margin: 0 0 10px; padding: 10px; font-size: 85%;/*12px*/ border: 1px solid #000; } #sideSocial ul{ margin: 5px 0 10px; /* overflow: hidden; */ display: flex; flex-wrap: wrap; } #sideSocial li{ /*display: inline;*/ flex: 1 1 auto; /* float: left; margin-bottom: 10px; */ } /* #sideSocial li.twitter{ height: 29px; } #sideSocial li.line, #sideSocial li.fb, #sideSocial li.mixi{ height: 30px; } */ * html #viewSource{ display: none; } #viewSource a{ } #sideBunner{ margin: 0; } /*bottom banner -----------------------------------*/ #bottomBanner{ clear: both; margin: 10px 0 10px 0; padding: 5px 0 0 0; border-top: 1px dashed #5ab7d5; } /*******************ChangeColor***********************/ .blue #bottomBanner, .black #bottomBanner{ border-color:#fff; } .yellow #bottomBanner{ border-color:#000; } /*****************************************************/ #bottomBanner h3{ margin: 0 0 10px; } #localBanner{ overflow: hidden; } #localBanner li{ float: left; width: 16.6%;/*(120+4)/740*/ text-align: center; padding: 15px 0px; } #localBannerText{ display: none; margin-left: 20px; } #localBannerText li{ margin: 0 5px; list-style-type: disc; } /*footer -----------------------------------*/ #footerPagetop{ margin: 10px 0; text-align: right; } #footer{ position: relative; padding: 5px 0 0; font-size: 68%;/*11px*/ border-top: 3px #0081cc solid; min-height:78px; } /*******************ChangeColor***********************/ .yellow #footer{ border-color:#000; } .black #footer, .blue #footer{ border-color:#fff; } /*****************************************************/ * html #footer{ width: 100%; height: 90px; } #footer .navi{ color: #0071b5; } /*color*/ .black #footer .navi, .blue #footer .navi{ color: #fff; } #footer .navi a{ color: #0071b5; } #footer .navi dt{ float: left; width: 14.5em; margin: 0 0 0.5em; } #footer .navi dd{ margin: 0 0 0.5em 9em; } #footer .navi ul li{ display: inline; padding: 0 5px; border-right: 1px solid #666; } #footer .navi ul li a{ /*レスポンシブでフッターはみだしの原因となってたのでコメントアウト*/ /*white-space: nowrap;*/ } #footer .navi ul li:last-child{ border-right: none; } #footerLogo{ position: absolute; right: 0; top: 10px; } #footerLogo li{ display: inline; padding-left: 5px; } #footerLogo li img{ vertical-align: top; } #footer #copy{ position: absolute; right: 0px; top: 7.5em; font-weight: bold; text-align: right; } /*sorce copy*/ #glayLayer{ display: none; position: fixed; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); } #getSourceLayer{ position: fixed; top: 50%; left: 50%; z-index: -20; width: 450px; height: 240px; margin: -140px 0 0 -225px; padding: 30px 0 0; border: 5px solid #000; background-color: #fffef1; text-align: center; opacity: 0; filter: alpha(opacity=0); } #getSourceLayer textarea{ width: 400px; height: 4em; margin: 0 0 20px; padding: 10px; text-align: left; } /*IE6 hack*/ *html #getSourceLayer{ display: none; } /*IE7 hack*/ *:first-child+html #getSourceLayer textarea{ margin-left: 225px; } #copyBtn{ display: inline-block; padding: 5px 10px; background: #f3f3f3; background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); background-image: -moz-linear-gradient(top, #fff, #f3f3f3); background-image: -o-linear-gradient(top, #fff, #f3f3f3); background-image: linear-gradient(to bottom, #fff, #f3f3f3); border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 1px 0 #ccc; } #getSourceLayer .closeBtn{ position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: url(./img/icons.gif) left -646px no-repeat; text-indent: -9999px; cursor: pointer; } /*===========================================================================*/ /*top -----------------------------------*/ @media only screen and (min-width:839px){ #topRecommend{ margin: 2em 0 0; } } .recommend h3{ color: #00a73c; } /*******************ChangeColor***********************/ .yellow .recommend h3{ color: #000; } .black .recommend h3, .blue .recommend h3{ color: #fff; } /*****************************************************/ .recommend .column{ margin: 0 0 1em 0; overflow: hidden; } .recommend .column .tn{ float: left; width: 150px; border: 1px solid #e6e6e6; margin-right:10px; } .recommend .column h3{ margin: 0 0 0 0; } .recommend .column br{ display:none; } #topInfo{ margin-bottom: 30px; } #topInfoTop{ background: url(./img/bg_info_top.gif) right bottom no-repeat; } #topInfoBottom{ background: url(./img/bg_info_bottom.gif) right bottom no-repeat; } * html #topInfoBottom img{ position: relative; top: 3px; } #topInfo dl{ margin: 0 0 0 15px; } #topInfo dl dd{ margin: 0 0 0.5em; } #topInfo dl dd p{ display: inline; } #topInfoArchive{ margin: 0 0 0 15px; } /*service -----------------------------------*/ #serviceListWrap { width: 100%; } #serviceHeader{ overflow: hidden; margin: 0 0 10px; border-bottom: 1px dashed #009045; } #serviceHeader h2{ float: left; } #serviceHeader ul{ margin: 0 0 0 150px; } #serviceHeader ul li{ display: inline-block; padding: 0 5px; line-height: 1.2; border-right: 1px solid #000; } * html #serviceHeader ul li{ line-height: 1.5; } #serviceHeader ul li a{ white-space: nowrap; } #serviceHeader ul li.last{ border-right: none; } .serviceList{ float: left; padding-right: 5%; width: 45%; min-width: 260px; } .serviceList h3{ margin: 0 0 5px; padding: 0 10px; color: #fff; font-size: 100%;/*16px*/ border-radius: 10px; behavior: url(/js/PIE.htc); } * html .serviceList h3{ padding: 5px 10px 0; width: 90%; } .serviceList .inner{ margin: 0 0 0 5px; padding: 0 0 0 10px; } .serviceItem.todokede h3{ background: #00ad8b; } .serviceItem.kenko h3{ background: #e55397; } .serviceItem.okane h3{ background: #ef8205; } .serviceItem.azukeru h3{ background: #12aeeb; } .serviceItem.manabu-dekakeru h3{ background: #874797; } .serviceItem.soudan h3{ background: #9bba1f; } .serviceItem.byoin-kyukyu h3{ background: #d74450; } .serviceItem.todokede .inner{ border-left: 3px solid #00ad8b; } .serviceItem.kenko .inner{ border-left: 3px solid #e55397; } .serviceItem.okane .inner{ border-left: 3px solid #ef8205; } .serviceItem.azukeru .inner{ border-left: 3px solid #12aeeb; } .serviceItem.manabu-dekakeru .inner{ border-left: 3px solid #874797; } .serviceItem.soudan .inner{ border-left: 3px solid #9bba1f; } .serviceItem.byoin-kyukyu .inner{ border-left: 3px solid #d74450; } .serviceItem.kenko, .serviceItem.okane, .serviceItem.manabu-dekakeru, .serviceItem.soudan, .serviceItem.byoin-kyukyu{ margin-top: 2em; } .serviceItem ul{ margin: 0 0 1em 5px; padding: 0 0 0 20px; } .serviceItem ul li{ margin: 0 0 0.5em 0; list-style-type: disc; } .serviceList .pageTop{ font-size: 75%;/*12px*/ } table.blue{ width:100%; } table.blue th{ background-color:#64B2CB; color:#ffffff; } /*******************ChangeColor***********************/ .blue table.blue th, .black table.blue th{ background-color:rgba(255,255,255,0.3); color:#ffffff; } .yellow table.blue th{ background-color:rgba(0,0,0,0.1); color:#000; } /*****************************************************/ table.blue th, table.blue td{ padding:5px; border:1px solid #C6E3EC; text-align:center; font-size:85%; } /*******************ChangeColor***********************/ .black table.blue th, .black table.blue td, .blue table.blue th, .blue table.blue td{ border:1px solid #fff; } .yellow table.blue th, .yellow table.blue td{ border:1px solid #000; } /*****************************************************/ table.blue td:first-child, table.blue th:first-child{ text-align:left; } table.facility th:first-child{ width:40%; } table.blue td.category{ font-weight:bold; color:#ffffff; } table.blue td.category.todokede{ background:#00ad8b; } table.blue td.category.kenko{ background:#e55397; } table.blue td.category.okane{ background: #ef8205; } table.blue td.category.azukeru{ background: #12aeeb; } table.blue td.category.manabu-dekakeru{ background: #874797; } table.blue td.subcategory{ font-weight:bold; } /*serviceCategory -----------------------------------*/ #taxonomyServiceCate{ } #taxonomyServiceCate h3{ margin: 0 0 5px; padding: 0 10px; color: #fff; font-size: 100%;/*16px*/ border-radius: 10px; behavior: url(/js/PIE.htc); } #taxonomyServiceCate .inner{ margin: 0 0 0 5px; padding: 0 0 0 10px; } #taxonomyServiceCate .serviceItem.kenko, #taxonomyServiceCate .serviceItem.okane, #taxonomyServiceCate .serviceItem.manabu-dekakeru, #taxonomyServiceCate .serviceItem.soudan, #taxonomyServiceCate .serviceItem.byoin-kyukyu{ margin-top: 0; } /*page -----------------------------------*/ #servicePage{ background: url(./img/img_paper_right.gif) right top no-repeat; line-height: 1; } * html #servicePage{ } #servicePage .inner{ padding: 0 20px 20px; line-height: 1.5; border-left: 2px solid #009045; border-right: 2px solid #009045; border-bottom: 2px solid #009045; border-radius: 0 0 10px 10px; behavior: url(/js/PIE.htc); } * html #servicePage .inner{ border-radius: none; behavior: url(/); } #servicePage #serviceTop{ margin: 0 0 2em; overflow: hidden; } #servicePage #serviceTop .floatLeft{ } #servicePage #serviceTop #servicePoint{ float: right; width: 270px; background: url(./img/bg_service_point.gif) center bottom no-repeat; } #servicePage #serviceTop #servicePoint table{ width: 100%; background: url(./img/bg_service_point_top.gif) center top no-repeat; } #servicePage #serviceTop #servicePoint th{ padding: 5px; width: 30px; text-align: center; } #content.fixedPage #servicePage .inner h2{ padding: 2px 0 2px 25px; font-size: 137%;/*22px*/ color: #009045; background: url(./img/img_check.gif) left 2px no-repeat; border: none; } * html #content.fixedPage #servicePage .inner h2{ padding: 6px 0 2px 25px; } /*color*/ .black #servicePage .inner h2, .blue #servicePage .inner h2{ color: #fff; } #servicePage .inner .catch{ font-size: 100%;/*16px*/ font-weight: bold; } #servicePage th, #servicePage dt{ padding: 0 0 1em 0; width: 11em; font-weight: bold; vertical-align: top; color: #009045; } #servicePage dt{ float:left; } #servicePage dd{ margin: 0px 0px 0px 11em; } /*color*/ .black #servicePage .inner #serviceContent th, .blue #servicePage .inner #serviceContent th{ color: #fff; } #servicePage .inner #serviceContent td{ padding: 0 0 1em 0; } #servicePage .inner dl{ margin-bottom: 1.5em; } #servicePage .inner dt{ float: left; font-weight: bold; color: #009045; } /*color*/ .black #servicePage .inner dt, .blue #servicePage .inner dt{ color: #fff; } #servicePage .relativeLink{ margin: 30px 20px; } #servicePage .relativeLink a{ display:block; margin: 0px 0px 5px 0px; padding: 0 0 5px 14px; background: url(./img/icons.gif) left 5px no-repeat; border-bottom: 1px solid #ccc; } /*archive -----------------------------------*/ .arichivePost{ overflow: hidden; margin: 0 0 1em; } .arichivePost .tn{ float: left; border: 1px solid #e6e6e6; } .arichivePost .inner{ margin: 0 0 0 165px; } /*change color*/ .default #wrapper{ background-color: #fff; } .black #wrapper{ background-color: black; } .black #wrapper, .black #wrapper a, .blue #wrapper, .blue #wrapper a{ color: #fff; } .black #wrapper #navi a, .blue #wrapper #navi a{ color: #147f42; } .yellow #wrapper{ background-color: yellow; } .blue #wrapper{ background-color: blue; } #wrapper.search { margin-top: 70px; } /*固定ページ -----------------------------------*/ #content.fixedPage h2{ margin: 0 0 20px; padding-bottom: 5px; line-height: 1.2; color: #EC5C97; font-size: 200%; font-weight: normal; background: url(./img/bg_h2_fixedpage.png) left bottom repeat-x; } * html #content.fixedPage h2{ background: url(./img/bg_h2_fixedpage.gif) left bottom repeat-x; } /*******************ChangeColor***********************/ .yellow #content.fixedPage h2{ color: #000; } .black #content.fixedPage h2, .blue #content.fixedPage h2{ color: #fff; } /*****************************************************/ #content.fixedPage h3{ margin: 40px 0 15px; padding: 5px 10px; color: #fff; background: #5AB7D5; border-radius: 5px; } /*******************ChangeColor***********************/ .yellow #content.fixedPage h3 { background-color: #000; } .blue #content.fixedPage h3, .black #content.fixedPage h3 { background-color: rgba(255,255,255,0.3); } /*****************************************************/ #content.fixedPage h4{ margin: 20px 0 10px; font-size: 125%; color: #009045; } /*******************ChangeColor***********************/ .yellow #content.fixedPage h4{ color: #000; } .blue #content.fixedPage h4, .black #content.fixedPage h4{ color: #fff; } /*****************************************************/ /*オススメ情報*/ #content.fixedPage .tn{ margin: 0 1em 1em 0; float: left; } /*ママフレ特集*/ #useful{ /* background: url(img/pic_boy.gif) right no-repeat; */ } #useful ul{ margin-bottom: 2em; } #useful ul li{ margin: 0 0 0.5em; padding: 0 0 0 15px; background: url(./img/icons.gif) left 8px no-repeat; } /*保育サービスナビ*/ #hoikuServiceNavi .advice{ padding: 0 155px 0 0; background: url(img/bg_mother_advice02.gif) right bottom no-repeat; } #hoikuServiceNavi dl{ margin: 0 0 1.5em 0; } #hoikuServiceNavi .section{ margin-bottom: 40px; padding-bottom: 10px; border-bottom: 3px #0094c3 dashed; } #hoikuServiceNavi h5{ margin-bottom: 10px; padding: 3px; font-size: 112.5%;/*18px*/ background: #e5f9ff; } .black #hoikuServiceNavi h5, .blue #hoikuServiceNavi h5{ background: #333; } #hoikuServiceNavi dl dt{ padding: 0 0 0 15px; font-weight: bold; background: url(./img/icons.gif) left -255px no-repeat; } #hoikuServiceNavi dl dd{ margin: 0 0 5px 15px; } #hoikuServiceNavi dl dd.link{ margin-top: 10px; } #hoikuServiceNavi #hoikuServicePlace dl{ padding: 10px; border: 1px #a1d5e5 solid; border-radius: 5px; behavior: url(/js/PIE.htc); } #hoikuServiceNavi .checkPoint{ margin: 10px 10px 20px; padding: 10px; background: #fffdf3; border: 1px #ffc600 solid; border-radius: 10px; behavior: url(/js/PIE.htc); } .black #hoikuServiceNavi .checkPoint, .blue #hoikuServiceNavi .checkPoint{ background: none; } /*子育てがつらいと思ったら*/ .bgPicMother{ padding: 0 150px 0 0; background: url(img/pic_mother.gif) right top no-repeat; } .adviceTelList{ margin: 30px 0 0; padding: 10px; border: 2px solid #009045; border-radius: 10px; } #content.fixedPage .adviceTelList h4{ margin: 0 0 15px; text-align: center; background: #00a73c; border-radius: 5px; } .adviceTelList dl{ margin-bottom: 1.5em; } .adviceTelList dl dt{ padding: 0 0 0 1em; background: url(./img/icons_disc.gif) left -320px no-repeat; } .adviceTelList dl dd{ margin: 0 0 5px; padding: 0 0 0 2.1em; background: url(./img/icons.gif) left -530px no-repeat; } /*救急*/ #hospital #section00{ } #hospital #section00 .inner img{ float: right; } #hospital #section00 ul{ float: left; } #hospital .arrow02{ padding: 0 0 0 15px; background: url(./img/icons.gif) left -57px no-repeat; } #hospital .section{ margin-bottom: 40px; padding-bottom: 10px; border-bottom: 3px #0094c3 dashed; } /*******************ChangeColor***********************/ .black #hospital .section, .blue #hospital .section{ border-color:#fff; } .yellow #hospital .section{ border-color:#000; } /*****************************************************/ #hospital h5{ margin: 20px 0 10px; padding: 3px; font-size: 112.5%;/*18px*/ background: #e5f9ff; } #hospital dl{ margin: 0 0 1.5em 0; } #hospital dl dt{ padding: 0 0 0 15px; font-weight: bold; background: url(./img/icons.gif) left -57px no-repeat; } #hospital dl dd{ margin: 0 0 5px 15px; } #hospital dl dd.link{ margin: 10px 0 0 15px; } #hospital dl dd.tel{ margin: 0 0 5px 15px; padding: 0 0 0 18px; background: url(./img/icons.gif) left -530px no-repeat; } #hospital ul.links li{ margin: 0 0 0.5em; padding: 0 0 0 24px; background: url(./img/icons.gif) left -596px no-repeat; } #hospital dl dd dl dt{ background: url(./img/icons.gif) left -255px no-repeat; } #hospital dl dd table{ margin-top: 10px; } #hospital dl dd table th, #hospital dl dd table td{ padding: 3px 5px; border: 1px #b7dc87 solid; } #hospital dl dd table th{ text-align: center; background: #cee9ac; } #hospital dl dd table td.weekday{ background: #f5eac0; } #hospital dl dd table td.saturday{ background: #b7dce8; } #hospital dl dd table td.holiday{ background: #f0b4c3; } #hospital .pageTopText{ margin: 2.5em 0; } /*妊娠出産・子育てに関する相談先*/ #advice .section{ margin-bottom: 40px; padding-bottom: 10px; border-bottom: 3px #0094c3 dashed; } /*******************ChangeColor***********************/ .yellow #advice .section{ border-color: #000; } .blue #advice .section, .black #advice .section{ border-color: #fff; } /*****************************************************/ #advice #section00{ background: url(img/pic_mother.gif) right bottom no-repeat; } #advice dl{ margin: 0 0 1.5em 0; } #advice #section01 dl{ margin: 0 0 2em 0; } #advice dl dt{ padding: 0 0 0 15px; font-weight: bold; background: url(./img/icons.gif) left -255px no-repeat; } #advice dl dd{ margin: 5px 0 0 15px; } #advice dl dd em{ font-weight: bold; color: #009045; } /*******************ChangeColor***********************/ .yellow #advice dl dd em{ color: #000; } .blue #advice dl dd em, .black #advice dl dd em{ font-weight: bold; color: #fff; } /*****************************************************/ #advice dl dd.tel{ margin: 5px 0 0 15px; padding: 0 0 0 18px; background: url(./img/icons.gif) left -530px no-repeat; } #advice #section01 dl.area dd.tel{ margin-bottom: 1.2em; } /*妊娠出産・子育てに関する施設・窓口へのリンク*/ #links ul#sectionLink{ padding: 15px 150px 15px 0; background: url(img/pic_boy.gif) right bottom no-repeat; min-height: 130px; } * html #links ul#sectionLink{ background:#fff url(img/pic_boy.gif) right bottom no-repeat; min-height: 130px; } #links ul li{ margin: 0 0 0.5em; padding: 0 0 0 24px; background: url(./img/icons.gif) left -596px no-repeat; } #links ul.basicList li{ padding: 0; background: none; } #links h5{ margin-bottom: 10px; font-size: 112.5%;/*18px*/ } #links .pageTopText{ margin: 2em 0; } /*ママフレナビ*/ #content.fixedPage #mamafreNavi h2{ float: left; margin: 0; color: #ec5c97; font-size: 200%;/*32px*/ font-weight: normal; border: none; background: none; } #mamafreNaviHeader{ overflow: hidden; margin: 0 0 20px; background: url(img/bg_h2_fixedpage.png) left bottom repeat-x; } * html #mamafreNaviHeader{ background: url(img/bg_h2_fixedpage.gif) left bottom repeat-x; } #mamafreNaviHeader ul{ /*float: right; margin: 10px 0 0;*/ margin: 10px 0 0 230px; } #mamafreNaviHeader ul li{ display: inline; padding: 0 6px 0 2px; font-size: 87.5%;/*14px*/ border-right: 1px solid #003fff; } #mamafreNaviHeader ul li.last{ border: none; } #content.fixedPage #mamafreNavi h3{ margin: 0 0 0 14px; padding: 2px 0 2px 33px; font-size: 175%;/*28px*/ font-weight: normal; color: #0093c2; background: url(./img/icons.gif) left -181px no-repeat; } #content.fixedPage #mamafreNavi h5{ margin: 18px 0 2em 0; font-size: 100%;/*16px*/ font-weight: normal; text-align: center; color: #0093c2; } #content.fixedPage #mamafreNavi h5.marginBottom7em{ /* margin-bottom: 7em; */ } #content.fixedPage #mamafreNavi h5.marginBottom6em{ margin-bottom: 6em; } #content.fixedPage #mamafreNavi h5.marginBottom5em{ /* margin-bottom: 5em; */ } #mamafreNavi .timeLine .sixmonth{ position: absolute; top: 150px; } #mamafreNavi .timeLine{ background: url(img/bg_timeline.gif) left top repeat-y; } #mamafreNavi .timeLine .period{ position: relative; overflow: hidden; padding: 20px 0 0 0; } * html #mamafreNavi .timeLine .period{ width: 100%; } #mamafreNavi .timeLine .period h4{ position: absolute; top: 20px; left: 0; margin: 0; } #mamafreNavi .timeLine .month{ float: left; padding: 0 0 0 70px; } #mamafreNavi .timeLine .inner{ margin: 0 0 0 180px; padding: 18px 0 0; } #mamafreNavi .timeLine dl{ margin: 0 0 1em 0; } #mamafreNavi dl.topic{ padding: 10px 15px; border: 1px solid #0093c2; border-radius: 10px; behavior: url(/js/PIE.htc); } #mamafreNavi dl.topic dt{ margin: 0 0 10px; padding: 5px 0 5px 33px; color: #0093c2; background: url(./img/icons.gif) left -181px no-repeat; } #mamafreNavi .advice{ padding-left: 85px; background: url(img/bg_mother_advice.gif) left top no-repeat; } #mamafreNavi .advice dl{ padding: 10px 15px; border: 1px dashed #eb5b96; border-radius: 10px; behavior: url(/js/PIE.htc); } #mamafreNavi .advice dl dt{ margin: 0 0 10px; color: #eb5b96; } /*小児救急電話相談*/ #content.fixedPage dl.contactTime{ overflow: hidden; margin: 1em 0 2em 0; padding: 5px; border: 1px solid #c9e9f3; /*background: #f0f9fc;*/ } #content.fixedPage dl.contactTime dt{ float: left; } #content.fixedPage dl.contactTime dd{ margin: 0 0 0 100px; } /*当サイトの利用について*/ #content.fixedPage #about h5{ margin: 10px 0; font-size: 112.5%;/*18px*/ } #about .message{ background: url(img/bg_mother_advice.gif) right bottom no-repeat; } * html #about .message{ border: 1px #fff solid; } /*利用規約*/ #kiyaku .day{ text-align: right; } #kiyaku ol{ margin: 0 0 0 30px; } #kiyaku ol li{ margin: 0 0 0.5em 0; list-style-type: decimal; } #kiyaku ol li ol{ margin: 0.5em 0 0 1em; } #kiyaku ol li ol li{ margin: 0 0 0.5em 0; list-style-type: none; } #kiyaku #fusoku{ margin-top: 30px; border-top: 3px #0094c3 dashed; } #content.fixedPage #fusoku h4{ margin-top: 10px; } /*お探しの情報が見つかりません*/ #notfound{ padding: 20px 0 0; text-align: center; color: #ccc; height: 470px;/*490px*/ background: url(img/bg_404.jpg) right top no-repeat; } #notfound h2{ color: #fff; } #notfoundInner{ position: relative; height: 490px; background: url(img/bg_404_map.png) left bottom no-repeat; } * html #notfoundInner{ background: url(img/bg_404_map.gif) left bottom no-repeat; } #notfoundInner ul{ position: absolute; left: 62px; top: 190px; width: 300px; text-align: left; } #notfoundInner ul li{ padding-left: 25px; margin: 0 0 12px; } #notfoundInner ul li.home{ background: url(img/404/icons_404.gif) left top no-repeat;} #notfoundInner ul li.previous{ background: url(img/404/icons_404.gif) left -80px no-repeat;} #notfoundInner ul li.sitemap{ background: url(img/404/icons_404.gif) left -160px no-repeat;} #notfoundInner ul li.mail{ background: url(img/404/icons_404.gif) left -240px no-repeat;} /*コメントアウトの調整*/ #links ul p, #hoikuServiceNavi dl p{ margin: 0; } /*更新関連 -----------------------------------*/ /*ファミリー・サポート・センター*/ #familySupport .section{ margin-bottom: 40px; padding-bottom: 10px; border-bottom: 3px #0094c3 dashed; } #familySupport dl dt{ padding: 0 0 0 15px; font-weight: bold; background: url(img/icon_circle01.png) left center no-repeat; } * html #familySupport dl dt{ background: url(img/icon_circle01.gif) left center no-repeat; } #familySupport dl dd{ margin: 0 0 1.5em 15px; } /*-------------------------------------*/ /*法律講座*/ #lawcourse .law_arrow{ font-size:small; margin: 0 0 0px 30px; padding: 0 0 0 13px; background: url(/wp-content/uploads/2013/08/law_arrow2.png) left center no-repeat; } #lawcourse .section{ margin-bottom: 40px; padding-bottom: 10px; border-bottom: 3px #0094c3 dashed; } #lawcourse dl{ margin: 0 0 1em 0; } #lawcourse dl dt{ padding: 0 0 0 15px; font-weight: bold; background: url(img/icon_circle01.png) left center no-repeat; } * html #lawcourse dl dt{ background: url(img/icon_circle01.gif) left center no-repeat; } #lawcourse dl dd{ margin: 0 0 10px 15px; } #lawcourse .annotation{ font-size:small; padding:15px 20px 15px 20px; color:#444444; } #lawcourse table { margin:20px 0; font-size:85%; } #lawcourse table td{ border:thin #444444 solid; padding:5px 5px 5px 5px; color:#444444; } #lawcourse table th{ border:thin #444444 solid; background-color:#dceaf8; padding:5px 5px 5px 5px; color:#444444; font-weight:bold; } #lawcourse .wmlinks { width:100%; margin:30px 0px 0px 0px; font-size:85%; font-color:#444444; border:hidden; } #lawcourse .wmlinks td { border:hidden; width:34%; } #lawcourse .wmlinks a { text-decoration:none; } /*------------------------------------------------ 施設情報 ------------------------------------------------*/ #content #facility h2, #content.fixedPage #facility h2{ margin: 0 0 10px; border-bottom: 1px dashed #009045; background: none; color: #009045; font-weight: bold; font-size: 137.5%; } #facility .areaList{ margin-bottom: 1.5em; padding: 5px; border: 1px solid #ccc; background-color: #f7f7f7; } /*******************ChangeColor***********************/ .yellow #facility .areaList, .blue #facility .areaList, .black #facility .areaList { background-color: transparent; } .yellow #facility .areaList { border-color: #000; } /*****************************************************/ #facility .areaList span{ display: block; float: left; margin-right: 10px; } #facility .areaList ul{ float: left; } #facility .areaList li{ display: inline; } #facility .areaList li a{ word-break: keep-all; word-wrap: normal; white-space: nowrap; } #facilityList{ width: 100%; margin-bottom: 1em; } #facilityList th, #facilityList td{ padding: 5px; border: 1px solid #C6E3EC; text-align: center; font-size: 85%; } #facilityList th{ background-color: #64B2CB; color: #fff; } #facilityList .facilityName{ display: block; } #facilityList .facilityLink{ display: none; position: absolute; bottom: 0; left: 0; margin-left: 10px; padding: 0 0 0 12px; background: url(./img/icon_arrow01.gif) left 8px no-repeat; } #facilityList tr.even td{ background-color: #EBF2D9; } /*******************ChangeColor***********************/ .blue #facilityList th, .black #facilityList th { background-color: rgba(255,255,255,0.3); } .blue #facilityList tr.even td, .black #facilityList tr.even td { background-color: rgba(255,255,255,0.1); } .yellow #facilityList th, .yellow #facilityList td { border-color: #000; } .yellow #facilityList th { background-color: #000; } .yellow #facilityList tr.even td { background-color: rgba(0,0,0,0.1); } /*****************************************************/ #facilityList td a.have, #facilityList td a.undefined, #facilityList td a.none{ display: block; width: 30px; height: 30px; margin: 0 auto; text-indent: -9999px; background: url(./img/icon_ox.png) no-repeat; } #facilityList td a.have{ background-position: left top; } #facilityList td a.none{ background-position: -30px top; } #facilityList td a.undefined{ background-position:-60px top; } #facilityList th.child1{ width: 100px; } #facilityList td:first-child{ text-align: left; } #facilityList tbody td span{ display: none; } #facility .pageTop{ font-size: 75%; } @media only screen and (max-width: 700px) { #facilityList thead{ display: none; } #facilityList tbody tr{ position: relative; display: block; margin-bottom: 1.5em; padding-bottom: 1.5em; } #facilityList tbody td{ display: list-item; width: auto; margin-left: 20px; padding: 2px; border: none; text-align: left; } #facilityList .facilityName{ margin-bottom: 5px; padding: 5px; background-color: #64B2CB; font-weight: bold; color: #fff; } #facilityList .facilityLink{ display: block; } #facilityList tbody td:first-child, #facilityList tbody tr.even td:first-child{ display: block; margin-left: 0; padding: 5px; background-color: none; } #facilityList tr.even td{ background-color: transparent; } #facilityList tbody td span{ display: inline; } #facilityList td a.have, #facilityList td a.undefined, #facilityList td a.none{ display: inline; width: auto; height: auto; margin: 0; text-indent: 0; background: none; } /*IE9*/ .ie9 #facilityList tbody td{ width: auto; margin-left: 0; padding: 5px; border: 1px solid #ccc; } .ie9 #facilityList tr.even td{ background-color: #EBF2D9; } .ie9 #facilityList .facilityName{ margin-bottom: 0; padding: 0; background-color: transparent; font-weight: normal; color: #333; } .ie9 #facilityList .facilityLink{ display: none; } } /*single page*/ #content.fixedPage h2.facilityTtl{ background: none; border-bottom: 1px dashed #009045; font-size: 150%; font-weight: bold; } /*******************ChangeColor***********************/ .blue #content.fixedPage h2.facilityTtl, .black #content.fixedPage h2.facilityTtl{ border-bottom: 1px dashed #fff; } .yellow #content.fixedPage h2.facilityTtl{ border-bottom: 1px dashed #000; } /*****************************************************/ #content.fixedPage .facilityInfo h4{ float: left; margin: 0; font-size: 112.5%; } .facilityInfo .inner{ margin-left: 5em; padding-top: 2px; } .facilityTable{ width: 100%; margin-bottom: 20px; } .facilityTable th, .facilityTable td{ padding: 5px; text-align: left; } .facilityTable th{ width: 11em; vertical-align: top; } .facilityTable th.hasBg{ border: 1px solid #C6E3EC; background-color: #64B2CB; color: #fff; } /*******************ChangeColor***********************/ .yellow .facilityTable th.hasBg{ border: 1px solid #000; background-color: rgba(0,0,0,0.1); color: #000; } .blue .facilityTable th.hasBg, .black .facilityTable th.hasBg{ border: 1px solid #fff; background-color: rgba(255,255,255,0.3); color: #fff; } /*****************************************************/ .facilityTable td.hasBorder{ border: 1px solid #C6E3EC; } /*******************ChangeColor***********************/ .yellow .facilityTable td.hasBorder{ border: 1px solid #000; } .blue .facilityTable td.hasBorder, .black .facilityTable td.hasBorder{ border: 1px solid #fff; } /*****************************************************/ #content.fixedPage .facilityTable th h4{ margin: 0; } .facilityTable dl{ overflow: hidden; } .facilityTable dl dt{ float: left; } .facilityTable dl dd{ margin: 0 0 5px 4.5em; } .linkMap{ word-break: keep-all; word-wrap: normal; white-space: nowrap; } .simplemap{ margin-bottom: 2em; border: 1px solid #ccc; border-bottom: none; } .ie #simplemap, .ie .linkMap{ display: none; } .historyback{ margin-bottom: 1em; font-size: 87.5%; } .historyback a{ padding: 0 0 0 20px; background: url(./img/icon_reverse.gif) left 4px no-repeat; } @media only screen and (max-width: 700px) { .facilityTable{ } .facilityTable tbody tr{ display: block; margin-bottom: 1em; } .facilityTable tbody tr.hasHeading{ margin-bottom: 0; } .facilityTable tbody th{ display: block; width: auto; } .facilityTable tbody th.hasBg{ background-color: #64B2CB; border: none; } .facilityTable tbody td.hasBorder{ border: none; } } #content #nursery h2, #content.fixedPage #nursery h2{ margin: 0 0 10px; border-bottom: 1px dashed #009045; background: none; color: #009045; font-weight: bold; font-size: 137.5%; } #content.fixedPage #nursery h3{ margin-bottom: 0; padding: 0; background: none; color: #333; } #nursery .areaList{ margin-bottom: 1.5em; padding: 5px; border: 1px solid #ccc; background-color: #f7f7f7; } #nursery .areaList span{ display: block; float: left; margin-right: 10px; } #nursery .areaList ul{ float: left; } #nursery .areaList li{ display: inline; } #nursery .areaList li a{ word-break: keep-all; word-wrap: normal; white-space: nowrap; } #nursery .nurseryCaption{ margin-top: 10px; margin-bottom: 3px; text-align: right; font-size: 75%; } #nurseryList{ width: 100%; /*margin-top: -5px;*/ margin-bottom: 1em; } #nurseryList th, #nurseryList td{ padding: 5px; border: 1px solid #C6E3EC; text-align: center; font-size: 85%; } #nurseryList th{ background-color: #64B2CB; color: #fff; } #nurseryList .nurseryArea{ font-size: 87.5%; } #nurseryList .nurseryName{ display: block; } #nurseryList .nurseryLnik{ display: none; position: absolute; bottom: 0; left: 0; margin-left: 10px; padding: 0 0 0 12px; background: url(./img/icon_arrow01.gif) left 8px no-repeat; } #nurseryList tr.even td{ background-color: #EBF2D9; } #nurseryList td a.have{ background-position: left top; } #nurseryList td a.none{ background-position: -30px top; } #nurseryList th.child1{ width: 100px; } #nurseryList td:first-child{ text-align: left; } #nurseryList tbody td span{ display: none; } #nursery .pageTop{ font-size: 75%; } @media only screen and (max-width: 700px) { #nurseryList thead{ display: none; } #nurseryList tbody tr{ position: relative; display: block; margin-bottom: 1.5em; padding-bottom: 1.5em; } #nurseryList tbody td{ display: list-item; width: auto; margin-left: 20px; padding: 2px; border: none; text-align: left; } #nurseryList .nurseryName{ margin-bottom: 5px; padding: 5px; background-color: #64B2CB; font-weight: bold; color: #fff; } #nurseryList .nurseryLnik{ display: block; } #nurseryList tbody td:first-child, #nurseryList tbody tr.even td:first-child{ display: block; margin-left: 0; padding: 5px; background-color: none; } #nurseryList tr.even td{ background-color: transparent; } #nurseryList tbody td span{ display: inline; } #nurseryList td a.have, #nurseryList td a.none{ display: inline; width: auto; height: auto; margin: 0; text-indent: 0; background: none; } /*IE9*/ .ie9 #nurseryList tbody td{ width: auto; margin-left: 0; padding: 5px; border: 1px solid #ccc; } .ie9 #nurseryList tr.even td{ background-color: #EBF2D9; } .ie9 #nurseryList .nurseryName{ margin-bottom: 0; padding: 0; background-color: transparent; font-weight: normal; color: #333; } .ie9 #nurseryList .nurseryLnik{ display: none; } } /*single page*/ #content.fixedPage h2.nurseryTtl{ background: none; border-bottom: 1px dashed #009045; font-size: 150%; font-weight: bold; } #content.fixedPage .nurseryInfo h4{ float: left; margin: 0; font-size: 112.5%; } .nurseryInfo .inner{ margin-left: 5em; padding-top: 2px; } .nurseryTable{ width: 100%; margin-bottom: 20px; } .nurseryTable th, .nurseryTable td{ padding: 5px; text-align: left; } .nurseryTable th{ width: 11em; vertical-align: top; } .nurseryTable th.hasBg{ border: 1px solid #C6E3EC; background-color: #64B2CB; color: #fff; } .nurseryTable td.hasBorder{ border: 1px solid #C6E3EC; } #content.fixedPage .nurseryTable th h4{ margin: 0; } .nurseryTable dl{ overflow: hidden; } .nurseryTable dl dt{ float: left; } .nurseryTable dl dd{ margin: 0 0 5px 4.5em; } .nurseryTable .nurseryUrl{ -ms-word-break: break-all; word-break: break-all; } .linkMap{ word-break: keep-all; word-wrap: normal; white-space: nowrap; } .simplemap{ margin-bottom: 2em; border: 1px solid #ccc; border-bottom: none; } .ie #simplemap, .ie .linkMap{ display: none; } .historyback{ margin-bottom: 1em; font-size: 87.5%; } .historyback a{ padding: 0 0 0 20px; background: url(./img/icon_reverse.gif) left 4px no-repeat; } @media only screen and (max-width: 700px) { .nurseryTable{ } .nurseryTable tbody tr{ display: block; margin-bottom: 1em; } .nurseryTable tbody tr.hasHeading{ margin-bottom: 0; } .nurseryTable tbody th{ display: block; width: auto; } .nurseryTable tbody th.hasBg{ background-color: #64B2CB; border: none; } .nurseryTable tbody td.hasBorder{ border: none; } } #bbsrulebutton{ color:white; line-height:80px; text-align:center; background:#007DC9; border:solid 0px white; border-radius:5px; padding: 10px 20px; } #usage ol{ margin: 0 0 0 30px; } #usage ol li{ margin: 0 0 0.5em 0; list-style-type: decimal; } #usage ol li ol{ margin: 0.5em 0 0 1em; } #usage ol li ol li{ margin: 0 0 0.5em 0; list-style-type: none; } /*掲示版表示*/ .comment-body{ width:100%; } textarea {width: 90%; } .children { margin-left:30px; } #baloon_wrapper{ text-align:center; position:fixed; top:0px; left:0px; width:100%; padding:10px 0; z-index:100; display: none; } #baloon_wrapper.hidden{ animation:hide 0.3s both; opacity:0; } #baloon_wrapper.showing{ animation:show 0.3s both; opacity:1; border-width:1px; display: block; background-color: #FF8C00; z-index: 99999; } #baloon{ font-weight: bold; color: #fff; } @-webkit-keyframes hide{ 0%{ opacity:1; } 100%{ opacity:0; } } @-webkit-keyframes show{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes show{ 0%{ opacity:0; } 100%{ opacity:1; } } form.input_form{ margin:auto; text-align:center; } form.input_form div.line{ padding:0px; clear:both; } div.inline_block{ display:inline-block; } .field{ text-align:right; width:170px; display:inline-block; } .field_label{ font-size:120%; } .field_input{ text-align:left; width:220px; display:inline-block; } form.input_form div.error{ height:auto; } form.input_form div.error p{ font-size:80%; color:#ff0000; font-weight:bold; margin:0px; } form.input_form input{ font-size:120%; } form.input_form div.submit input{ font-size:150%; } span.sunday{ color:#ff0000; } span.saturday{ color:#0000ff; } /*******************ChangeColor***********************/ div#all.blue span.saturday, div#all.black span.saturday{ color:#fff; font-weight: bold; } div#all.yellow span.saturday{ color:#000; font-weight: bold; } div#all.blue span.sunday, div#all.black span.sunday{ color:#fff; font-weight: bold; } div#all.yellow span.sunday{ color:#000; font-weight: bold; } /*****************************************************/ table.event td, table.event th{ text-align:left; } span.required{ color:#ff0000; font-size:120%; } div.privacy_policy{ max-width:480px; margin:auto; } div.privacy_policy p{ font-size:80%; margin:10px; } ul.disc{ list-style-type: disc; } ul.decimal{ list-style-type: decimal; } #content.fixedPage #side h2 span{ color:#f04070; font-weight:bold; font-size:80%; padding-bottom:4px; border-bottom: 1px dashed; } #content.fixedPage #side h2{ margin-bottom: 10px; background:#ffffff; font-size:1.5em; } #side h2 span{ color:#f04070; font-weight:bold; font-size:80%; padding-bottom:4px; border-bottom: 1px dashed; } /*******************ChangeColor***********************/ .yellow #side h2 span{ color: #000; } .black #side h2 span, .blue #side h2 span{ color: #fff; } /*****************************************************/ #side h2{ margin-bottom: 10px; /* background:#ffffff; */ font-size:1.5em; } @media print{ body{ width: 1100px; -webkit-print-color-adjust: exact; } } dl.nursery-hours dd{ margin: 0 0 5px 9.5em; } /*circle*/ #content.fixedPage .circle_list h2{ color: #f04070; font-size: 20pt; font-weight: bold; padding: 8px 0 8px 0; letter-spacing: 0.4px; margin: 0; background: none; border-bottom: 1px dashed #009045; margin-bottom: 20px; } #content.fixedPage .circle_list h3{ color: #333; font-size: 13pt; font-weight: bold; padding: 14px 0 4px 0; letter-spacing: 0.4px; margin: 0; background: none; text-decoration: underline; } .circle_abstract{ width: 50%; float: left; min-height:77px; } .circle_abstract p{ font-size: 11pt; } .circle_abstract img{ float: left; margin: 10px 10px 0 8px; width: 60px; height:60px; border-radius: 48px; } #content.fixedPage .circle h3{ color: #f04070; font-size: 14pt; font-weight: bold; background: none; margin: 8px 0; padding: 0; } #content.fixedPage .circle_abstract h4{ color: #333; font-size: 13pt; font-weight: bold; padding: 8px 0 4px 0; letter-spacing: 0.4px; margin: 0; background: none; text-decoration: underline; } .circle_activity_pager{ text-align: right; margin-top: 10px; margin-bottom: 5px; } .circle_detail img{ float: left; margin: 10px 10px 0 8px; width: 96px; height:96px; border-radius: 48px; } #content.fixedPage .circle_detail h2{ color: #f04070; font-size: 20pt; font-weight: bold; padding: 8px 0 0 0; letter-spacing: 0.4px; margin: 0; background: none; } #content.fixedPage .circle_detail h3{ color: #f04070; font-size: 14pt; font-weight: bold; background: none; margin: 8px 0; padding: 0; } .circle_detail p{ margin-top: 10px; } .circle_url{ margin-bottom: 20px; } .circle_detail_explanation{ border-bottom: 1px dashed #009045; margin-bottom: 20px; min-height:140px; } .circle_activity_pager{ text-align: right; margin-top: 10px; margin-bottom: 5px; } .circle_activity_pager a{ margin-right: 20px; } .circle_page_menu{ width: 100%; overflow: auto; } .circle_page_menu a{ margin-right: 20px; } .circle_article{ font-size: 13pt; line-height: 1.8; letter-spacing: 0.4px; margin-bottom: 40px; padding: 0 10px; } .circle_blog{ width: 100%; padding: 0 10px; overflow: auto; border-bottom: 1px dashed #009045; margin-bottom: 20px; } .circle_image_small{ width: 38px; height:38px; border-radius: 19px; float: left; margin-left: 20px; } .circle_name{ float: left; margin-top: 8px; font-weight:bold; margin-left: 12px; text-decoration: underline; } .circle_date{ font-size:12pt; float: left; margin-top: 8px; } #content.fixedPage h2#blog_top{ color:#ec5c96; font-weight: bold; font-size: 20pt; background: none; } .get_circle_list{ width:100%; overflow:auto; } .get_circle_list a{ float: right; } .circle_abstract_wrapper{ width: 78%; overflow: auto; } .circle_img_wrapper{ width: 20%; overflow: auto; float: left; } @media screen and (max-width: 768px) { .circle_abstract img{ float: left; margin: 10px 5px 0 0px; width: 60px; height:60px; border-radius: 30px; } .circle_abstract{ width: 100%; border-bottom: solid #f7f7f7 1px ; } #content.fixedPage .circle_list h3{ font-size: 11pt; } #content.fixedPage .circle_list h2{ font-size: 14pt; } .circle_abstract p{ font-size: 11pt; } .circle_page_menu a{ display: block; text-align: center; margin-bottom: 15px; } .circle_page_menu{ margin:15px 0; } .circle_activity_pager{ text-align: center; margin: 30px 0; } .circle_detail img{ /*float: left; margin: 10px 10px 10px 0;*/ width: 96px; height:96px; border-radius: 48px; margin: auto; float: none; } .circle_detail p{ clear: both; margin-top: 10px; font-size: 11pt; } #content.fixedPage .circle_detail h2{ font-size: 16pt; padding-top: 16px; text-align: center; } #content.fixedPage h2#blog_top{ font-size: 14pt; margin-bottom: 0; margin-left:0; } .circle_date{ font-size: 10pt; width: 100%; text-align: right; } .circle_blog{ width: 100%; padding: 0; border-bottom: 1px dashed #009045; margin-bottom: 20px; } .circle_image_small{ width: 24px; height:24px; border-radius: 12px; margin-left: 0; } .circle_name{ margin-top: 3px; font-size: 10pt; margin-bottom: 12px; } .circle_article{ font-size: 11pt; } #content.fixedPage .circle_abstract h4{ font-size: 11pt; padding: 8px 0 4px 0; } .get_circle_list{ padding: 15px 0; } #content.fixedPage .circle h2{ font-size: 18pt; font-weight: bold; background: none; margin: 0 0 5px; } .circle_abstract_wrapper{ width: 75%; } .circle_img_wrapper{ width: 24%; } .circle_detail_explanation>.circle_abstract_wrapper{
		width: 100%;
	}
	.circle_detail_explanation>.circle_img_wrapper{
		width: 100%;
		text-align: center;
		float: none;
	}
}
div.update-nag{display:none;}
span#footer-thankyou{display:none;}
p#footer-upgrade{display: none;}
p#wp-version-message{display: none;}
li#wp-admin-bar-updates{display:none;}
li#wp-admin-bar-updates{display:none;}
li#wp-admin-bar-wp-logo{display: none;}
li#wp-admin-bar-customize{display: none;}
div.emergency_message {
	background-color: #fffab5;
	padding: 14px 20px;
	margin-bottom: 20px;
	border-radius: 7px;
	border: solid 1px #ffbe1a;
}
div.emergency_message> p{
	font-size: 14px;
	color: #81550b;
	margin: 0;
}
.sns-plugin div{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin: 10px 0;
	display: -ms-flexbox;
 -ms-flex-pack: flex-end;
}
.sns-plugin a {
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: center;
}
.sns-plugin p {
	margin: 0;
	text-align: right;
	font-size: 14px;
}
.sns-plugin a.twitter {
	background-image: url("/img/share_twitter_2x.png");
	background-size: 44px 44px;
}
.sns-plugin a.facebook {
	background-image: url("/img/share_facebook_2x.png");
	background-size: 44px 44px;
}
.sns-plugin a.line {
	background-image: url("/img/share_line_2x.png");
	background-size: 44px 44px;
}
@media screen and (max-width: 767px) {
	.sns-plugin div {
		justify-content: center;
		-ms-flex-pack: center;
	}
	.sns-plugin a {
		width: 48px;
		height: 48px;
		margin: 0 10px;
	}
	.sns-plugin p {
		text-align: center;
	}
	.sns-plugin a.twitter {
		background-size: 48px 48px;
	}
	
	.sns-plugin a.facebook {
		background-size: 48px 48px;
	}
	
	.sns-plugin a.line {
		background-size: 48px 48px;
	}
}
/*お問い合わせの修正CSS*/
#ContactUs form {
	margin: 0;
 }
 #ContactUs form .line {
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 10px;
 }
 body.mobile #ContactUs form .line {
	flex-direction: column;
 }
 @media screen and (orientation: portrait) {
	body.tablet #ContactUs form .line {
	 flex-direction: column;
	}
 }
 #ContactUs form .field {
	margin-right: 20px;
 }
 body.mobile #ContactUs form .field {
	width: auto;
	text-align: left;
	margin-bottom: 2px;
 }
 @media screen and (orientation: portrait) {
	body.tablet #ContactUs form .field {
	 width: auto;
	 text-align: left;
	 margin-bottom: 2px;
	}
 }
 #ContactUs form input[type=text], #ContactUs form input[type=email] {
	flex: 1;
 }
 body.mobile #ContactUs form input[type=text], body.mobile #ContactUs form input[type=email] {
	width: 100%;
 }
 @media screen and (orientation: portrait) {
	body.tablet #ContactUs form input[type=text], body.tablet #ContactUs form input[type=email] {
	 width: 100%;
	}
 }
 #ContactUs form textarea {
	flex: 1;
	min-height: 120px;
	border: solid 1px #ccc;
 }
 body.mobile #ContactUs form textarea {
	width: 100%;
	font-size: 18px;
 }
 @media screen and (orientation: portrait) {
	body.tablet #ContactUs form textarea {
	 width: 100%;
	 font-size: 18px;
	}
 }
 #ContactUs form input[type=submit] {
	width: 200px;
	background-color: #1d85fc;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	padding: 8px 16px;
	font-size: 93.75%;
	color: #fff;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 10px;
 }
 #ContactUs form input[type=submit]:hover {
	background-color: #0366d6;
 }
 body.mobile #ContactUs form input[type=submit] {
	width: 100%;
 }
 @media screen and (orientation: portrait) {
	body.tablet #ContactUs form input[type=submit] {
	 width: 100%;
	}
 }
 #ContactUs form label {
	font-size: 87.5%;
	font-weight: bold;
	color: #333;
 }
 body.mobile #ContactUs form label {
	font-size: 75%;
 }
 @media screen and (orientation: portrait) {
	body.tablet #ContactUs form label {
	 font-size: 75%;
	}
 }
 
.blue #ContactUs form label,
.black #ContactUs form label
{
	color: #fff;
}
.blue #ContactUs form input[type=text],
.blue #ContactUs form input[type=email],
.black #ContactUs form input[type=text],
.black #ContactUs form input[type=email]
{
	background: transparent;
	border: solid 2px #fff;
	color: #fff;
}
.blue #ContactUs form textarea,
.black #ContactUs form textarea
{
	border: solid 2px #fff;
	background-color: transparent;
	color: #fff;		
}
.yellow #ContactUs form input[type=text],
.yellow #ContactUs form input[type=email]
{
	background: transparent;
	border: solid 2px #000;
}
.yellow #ContactUs form textarea {
	border: solid 2px #000;
	background-color: transparent;		
}
.blue #ContactUs form input[type=submit],
.black #ContactUs form input[type=submit]
{
	background-color: rgba(255,255,255,0.2);
	border: solid 2px #fff;
	color: #fff;
	font-weight: bold;
}
.blue #ContactUs form input[type=submit]:hover,
.black #ContactUs form input[type=submit]:hover
{
	background-color: rgba(255,255,255,0.4);
}
.yellow #ContactUs form input[type=submit]
{
	background-color: transparent;
	border: solid 2px #000;
	color: #000;
	font-weight: bold;
}
.yellow #ContactUs form input[type=submit]:hover
{
	background-color: rgba(0,0,0,0.1);
}</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://ikoma-city.mamafre.jp/wp-content/themes/city/ikoma-city/style.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://ikoma-city.mamafre.jp/wp-content/themes/city/ikoma-city/style.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>