@charset "UTF-8";
/* CSS Document */

/* ==========================================================================================
	子育て支援専用 responsive ver.1.0.1
	20160122
========================================================================================== */

@media screen and (max-width:667px){
	*{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}
	html{
		margin:0px;
		padding:0px;
		height:100%;
		font-size:62.5%;
	}
	body{
		width:100%;
		height:100%;
		margin:0px;
		padding:0;
		font-size:1.4rem;
		line-height:1.5;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color:#333;
	}
	.ft80{
		font-size:1.0rem;
	}
	
	/* PC/SP表示切替 */
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	
	/*
		コンテンツ_共通
	------------------------------------------------------------------------------------------*/
	/* input系 */
	textarea{
		width:100%;
	}
	input[type="text"]{
		max-width:100%;
	}
	/* ボタン：ページ遷移 */
	.btnArea{
		width:100%;
		margin:0 auto;
	}
	.btnArea div{
		width:100%;
		font-size:1.4rem;
		padding:10px;
	}
	
	/* ボタン1個表示 */
	.btnArea div.btn01{
		margin:0 auto;
	}
	
	/* ボタン1個〜複数個表示 */
	.btnArea.btnArea02{
		width:100%;
		text-align:center;
	}
	.btnArea.btnArea02 > div,.btnArea.btnArea02 > a{
		width:30%;
		display:inline-block;
		margin:0 1%;
	}
	
	/* エラー */
	.error{
		margin:10px 0;
		color:#FF0000;
	}
	.error li{
		padding:0 0 0 20px;
		margin:0 0 10px 0;
		line-height:120%;
		background:url(../images/sp_ico_error.jpg) no-repeat left top;
		background-size:15px 13px;
	}
	
	/* header */
	h1{
		font-size:1.4rem;
		padding:8px 0 0 0;
		margin:0 0 0 10px;
		line-height:120%;
	}
	.logout{
		margin:5px 0 0 0;
	}
	.userName{
		min-height:18px;
		padding:0 0 0 22px;
		margin:5px 0 0 0;
		background:url(../images/sp_ico_login.png) no-repeat left center;
		background-size:19px 18px;
		font-size:1.2rem;
		clear:both;
	}
	
	/* 社外秘 */
	.secret{
		padding:2px 5px;
		font-size:1.2rem;
	}
	
	/* section */
	h2{
		font-size:1.6rem;
		padding:3px 0 0 0;
		float:left;
		line-height:120%;
	}
	h3{
		font-size:1.6rem;
		margin:0 0 10px 0;
		line-height:120%;
	}
	h4,h5{
		font-size:1.6rem;
		margin:0 0 5px 0;
		line-height:120%;
	}
	section{
		margin:0;
		padding:10px;
		background-color:#F2F2EE;
	}
	.contentsArea{
		background-color:#FFF;
		padding:15px 10px;
		margin:10px 0 15px 0;
	}
	.btnArea{
		padding:0 0 30px 0;
	}
	.box{
		padding:10px;
		border:1px solid #D0D0CC;
	}
	/* footer */
	footer{
		margin:0;
		padding:10px;
		background-color:#D0D0CC;
		font-size:80%;
		color:#FFF;
	}
	footer .fltL{
		display:none;
	}
	footer .fltR{
		padding:3px 0 0 0;
		float:none;
		text-align:center;
	}
	
	/* 必須 */
	th.required{
		padding:5px 48px 5px 5px;
		background:url(../images/sp_ico_required.png) right center no-repeat;
		background-size:43px 22px;
	}
	.spEditTbl01 th.required{
		background-image:none;
	}
	.spEditTbl01 th.required:after{
		content:' ';
		display:block;
		width:43px;
		height:22px;
		background:url(../images/sp_ico_required.png) right center no-repeat;
		background-size:43px 22px;
	}
	
	/* 一覧画面_基本テーブル */
	.scrollX{
		overflow-x:auto;
	}
	
	/* 入力画面_基本テーブル */
	.editTbl{
		width:100%;
		margin:10px 0 0 0;
		border-collapse:collapse;
		border-top:2px solid;
		border-bottom:2px solid;
	}
	.editTbl tr{
		display:block;
	}
	.editTbl th,.editTbl td{
		display:block;
		width:100%;
		padding:5px;
		text-align:left;
		border-bottom:1px solid;
		vertical-align:middle;
	}
	.editTbl td{
		padding:10px 0 20px 0;
	}
	.editTbl img{
		vertical-align:middle;
	}
	
	.editTbl.spEditTbl01 tr{
		display:table-row;
	}
	.editTbl.spEditTbl01 th,.editTbl.spEditTbl01 td{
		display:table-cell;
		width:auto;
	}
	.editTbl.spEditTbl01 th{
		width:30%;
		padding:5px;
	}
	.editTbl.spEditTbl01 td{
		padding:5px 0 5px 5px;
	}
	
	/* googlemap埋め込み */
	#map{
		width:100% !important;
		height:280px !important;
	}
}