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

			タブレット端末

--------------------------------------- */
@media screen and (min-width:641px) and (max-width:1200px) {
	/*===============================*
	 *　装飾系
	 *===============================*/
	 img.aligncenter {
		 width: 96%;
		 height: auto;
		 max-width: 100%;
	}
	 
	/*=====box02======*/
	div.box02 {
		width: 100%;
		margin: 10px 0;	
	}
	
	div.box02 img {
		width: 94%;
	}
	
	div.box02 .fr {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	div.box02 .fl {
		width: 100%;
		float:none;
		margin: 0 auto;
		text-align: center;
	}
	
	div.box02 p.boxMidashi {
		font-size: 100%;
	}
	
	div.box02 .fr p.boxtxt, div.box02 .fl p.boxtxt {
		width: 94%;
    	margin: 10px auto;
	}
	
	/*=====box03======*/
	div.box03 p.boxMidashi {
		font-size: 100%;
		padding: 15px 0 5px 0px;
    	margin: 10px 0 10px 0;
	}
	
	/*=====スタッフ情報エリアBox======*/
	.k-staffArea img {
		float: none;
	}
	
	.staff-infoArea {
		float: none;
		width: 100%;
	}
	
	/*===============================*
	 *　ヘッダー
	 *===============================*/
	/* --------------------------
		ロゴ設定
	-------------------------- */
	header {
		/**background:url(../images/header_bg_sp.png) top left no-repeat;**/
		height: auto;
	}

	header #header {
		width: 100%;
	}

	header .box1 {
		float: left;
		width: 34.166666%;
		margin-top: 0;
	}

	header .box1 .logo {
		padding-top: 10px;
	}

	header .logo a img {
		width: 100%;
		height: auto;
		max-width: 100%;
		margin-bottom: 16px;
	}

	header .box2 {
	    width: 65.833333%;
		float: right;
		margin: 0 auto;
	}

	header .box2_01 {
		float: none;
		background-color:#6C3F17;
		width: 95%;
		border-radius: 8px;
		padding: 11px 0 0 0;
		margin: 10px auto 10px auto;
		text-align: left;
	}

	header .box2_01 .searchArea {
		padding: 0 0 0 10px;
		float: none;
		margin: 0;
	}

	header .box2_01 .searchArea p.search span {
		font-size: 70%;
	}

	header .box2_01 .mojiArea {
		padding: 0px 10px 5px 0;
		float: none;
		margin: 0;

	}

	header .box2_01 .mojiArea p {
		font-size: 70%;
	}

	header .box2_02 {
		width: 100%;
		float: none;
		margin: 0 auto;
		padding-bottom: 18px;
		clear: both;
	}

	header .box2_01 .searchArea .search #___gcse_0{
		width: 30%;
		padding-right: 10px;
	}


	input.gsc-search-button-v2 {
		padding: 6px !important;
	}

	.gsc-search-box-tools .gsc-search-box .gsc-input {
		padding-right: 2px !important;
	}

	/* --------------------------
	グローバルナビ設定
	-------------------------- */
	nav.sp, nav.pc { display: none; }

	nav.tb {
		display: block;
		width: 790px;
		clear: both;
		margin: 0 auto;
	}

	nav.tb .body {
		width: 100%;
		margin: 0 auto;
	}

	nav.tb .body li {
		float: left;
	}


	/* --------------------------
		メイン画像（スライダーになる予定）
	-------------------------- */
	#main-img {
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-top: -60px;
		z-index: 9999;
	}

	#main-img img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.slider {
		width: 100%;
		height: auto;
		max-width: 100%;
		margin-top: 80px;
	}

	.bx-wrapper {
		padding: 10px;
	}

	.bx-wrapper .bx-controls-direction a {
		top: 55%;
		width: 30px;
		height: 42px;
	}


	/*===============================*
	 *　コンテンツ
	 *===============================*/
	#wrapper {
		width: 93%;
		margin: 20px auto 60px;
	}

	#main {
		float: none;
		width: 95%;
		margin-bottom: 100px;
	}
	
	h2, h3 {
		width: 94%;
	}
	
	h2.header img {
		width: 98%;
	}
	
	/* ページ送り */
	.p-nation {
		width: 94%;
		margin: 0 auto;
		text-align: center;
	}
	
	.sub-tit {
		width: 98%;
	}
	
	/* 新着情報エリア */
	h1.catnum3 {
		width: 98%;
		max-width: 98%;
	}
	
	.news dd a {
		font-size: 96%;
	}
	
	/* ライフステージエリア */
	h1.catnum4 {
		width: 98%;
		max-width: 98%;
	}

	.stageArea {
    	margin: 10px 0;
		text-align: center;
	}
	.stageArea ul {
		width: 98%;
	}

	.stageArea ul li {
		width: 22.82%;
	}

	.stageArea ul li a img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.morelink a {
		right: 20px;
	}

	/* タイトル */
	h2.class img {
		width: 100%;
	}

	/* サブタイトル */
	.sub-tit img {
		width: 98%;
		height: auto;
		max-width: 98%;
	}

	/* フルードイメージ設定 */
	.mapAllArea img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	/* セミナーエリア  */
	.seminar .calArea {
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 31.3793103%;
	}
	
	table.calendar, table.calendar02 {
		width: 100%;
		margin: auto;
	}
	
	table.calendar th.headTit a {
    font-size: 80%;
	}
	
	/*  参加者情報 */
	.seminar .info-boshu {
		float: none;
		width: 94%;
		margin: 20px auto 0 auto;
	}

	.seminar .info-boshu .duringArea, 
	.seminar .info-boshu .endArea, 
	.seminar .info-boshu .junbiArea, 
	.seminar .info-boshu .todayArea {
		width: 100%;
	}

	.duringArea .titArea p.sub-txt, 
	.endArea .titArea p.sub-txt, 
	.junbiArea .titArea p.sub-txt, 
	.todayArea .titArea p.sub-txt {
		font-size: 80%;
		line-height: 1.2;
	}

	.duringArea .titArea, 
	.endArea .titArea p.tit, 
	.junbiArea .titArea p.tit, 
	.todayArea .titArea p.tit {
		font-size: 80%;
	}

	.duringArea .dateArea, 
	.endArea .dateArea, 
	.junbiArea .dateArea, 
	.todayArea .dateArea {
		font-size: 72%;
		padding: 8px 10px 12px 10px;
	}

	/*===============================*
	 *　サイドバーエリア
	 *===============================*/
	#sidebar {
		float: none;
		margin: 0 auto;
		width: 96%;;
		margin-bottom: 120px;
	}

	.f-bannerArea {
		float: left;
		width: 30%;
	}

	.f-bannerArea a img {
		width: 100%;
	}

	#sidebar .socialArea {
		margin-bottom: 0;
	}

	/* --------------------------
		インタビューエリア
	-------------------------- */
	.interviewArea {
		width: 68%;
		float: right;
		    border: #6c3f17 1px solid;
	}

	.interviewArea .pc {
		display: none;
	}

	.interviewArea .sp {
		display: block;
	}

	.interviewArea .txtArea {
		float: none;
		width: 100%;
	}
	
	.interviewArea .int_thumb_img {/**20151116追加**/
		text-align: center;
	}
	
	.interviewArea img.thumb-iv {
		float: left;
		padding: 0 0 10px 10px;
		width: 47%;
	}

	.interviewArea p.tit-iv {
		padding: 2px 20px 10px;
	}

	.interview_tit {
		background-color: #6c3f17;
		color: #fff;
		text-align:center;
		padding: 20px 0;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.interviewArea p.tit-iv a, .interviewArea p.leadtxt {
		font-size: 86%;
	}

	.interviewArea .iv-tolist {
		background-color: #6c3f17;
		clear:both;
	}
	
	/* --------------------------
		子育て便利リンク エリア
	-------------------------- */
	.kosodate-benriArea {
		clear: both;
	}
	
	/* --------------------------
		お得情報エリア
	-------------------------- */
	.info-otokuArea-tit {
		background-color: #facdc9;
		margin-bottom: 4px;
	}

	.info-otokuArea-tit img.pc {
		display: none;
	}

	.info-otokuArea-tit .sp_tit {
		display: block;
		background: #facdc9 url(../images/sidebar-tit-icon.png) left bottom no-repeat;
		height: 62px;
		width: 94%;
		margin: 0 auto;
	}

	.info-otokuArea-tit .sp_tit p {
		color: #6c3f17;
		font-weight: bold;
		padding: 15px 0 0 86px;
    	font-size: 144%;
	}

	.info-otokuArea {
		width: 92%;
		margin: 0 auto;
	}

	.otokuArea {
		clear:both;
	}

	.info-otokuArea {
    border: #6C3F17 1px dotted;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
	}

	.info-otokuArea a {
		float: left;
		padding: 10px 4px;
		height: 62px;
	}
	
	/* --------------------------
		子育て情報を見る エリア
	-------------------------- */
	.info-jyouhouArea-tit {
		background-color: #facdc9;
		margin-bottom: 4px;
	}

	.info-jyouhouArea-tit img.pc {
		display: none;
	}

	.info-jyouhouArea-tit .sp_tit {
		display: block;
		background: #facdc9 url(../images/sidebar-tit-icon.png) left bottom no-repeat;
		height: 62px;
		width: 94%;
		margin: 0 auto;
	}

	.info-jyouhouArea-tit .sp_tit p {
		color: #6c3f17;
		font-weight: bold;
		padding: 15px 0 0 86px;
    	font-size: 144%;
	}

	.info-jyouhouArea {
		width: 92%;
		margin: 0 auto;
	}

	.jyouhouArea {
		clear:both;
	}

	.info-jyouhouArea {
    border: #6C3F17 1px dotted;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
	}

	.info-jyouhouArea a {
		float: left;
		padding: 0 4px 50px 4px;
		height: 62px;
	}
	

	/* --------------------------
		ソーシャルエリア
	-------------------------- */
	.socialArea {
		margin-bottom: 0;
	}

	.socialArea a {
		float: left;
		padding-right: 10px;
	}

	/* --------------------------
		ページ先頭へへ戻る
	-------------------------- */
	.pagetop {
		width: 100%;
	}

	.pagetop a {
    	right: 35px;
	}
	
	
	/*===============================*
	 *　固定ページ
	 *===============================*/ 
	 #breadcrumb {
		padding-bottom: 50px;
		margin-bottom: 20px;
	}
	/* --------------------------
		タイトル共通設定
	-------------------------- */
	.mainTitArea {
		width: 100%;
	}
	
	.mainTit {
		width: 80%;
		height: auto;
	}
	
	/* h1タイトル（共通）*/
	 .mainTit h1.tit-midashiDai {
		width: 98%;
		max-width: 98%;
		line-height: 1.1;
		margin: 20px 0 0px 10px;
		border-bottom: none;
	}
	
	 .mainTit h1.tit-midashiDai span.spTit {
		vertical-align: text-top;
		display: block;
		line-height: 1.1;
		padding-bottom: 12px;
    	border-bottom: #6c3f17 2px dotted;
	}
	
	
	/* --------------------------
		保育施設等一覧
	-------------------------- */
	h2.sub-tit {
		width: 94%;
	}
	
	table.hoiku-list {
		width: 97%;
	}
	 
	h1.tit-hoikusyo-list-sanuki {
		width: 98%;
		max-width: 98%;
	}
	
	table.normal {
		width: 97%;
	}
	
	/* --------------------------
		保育所（認定こども園）詳細
	-------------------------- */	
	h2.sub-tit-hoiku {
		width: 94%;
	}
	
	h3.sub-tit {
		width: 94%;
	}
	
	table.basic-info-list {
		width: 98%;
		float: none;
	}
	
	table.capacity-list {
		width: 98%;
		margin-left: 0;
		float: none;
	}
	
	table.facility-info-list,
	table.number-list,
	table.extension-list,
	table.other-childcare-list,
	ul.event-list,
	div.greeting,
	img.hyo1,
	img.hyo2,
	div.event {
		width: 98%;
	}
	
	h1.tit-simokasai-list {
		color: #6c3f17;
		font-size: 197%;
		margin: 16px 0 0px 10px;
		line-height: 1.1;
	}
	
	/* --------------------------
		市町別情報一覧
	-------------------------- */
	/*さぬき市*/
	.sanuki-submenu .table-ul li.sub_life a {
		font-size: 100%;
		padding: 14px 30px;
	}
	
	.sanuki-submenu .table-ul li.sub_moku a {
		font-size: 100%;
		padding: 14px 60px;
	}
	
	.sanuki-submenu .table-ul li.sub_iju a {
		font-size: 100%;
		padding: 14px 40px;
	}
	
	.sanuki-topArea {
		margin-bottom: 30px;
	}
	
	.sanuki-topArea img.alignleft {
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	
	.sanuki-topArea .leadtxt {
	    margin-right: 16px;
		margin-left: 0;
	}
	
	h2.sub-tit-news_sanuki {
		width: 92%;
	}
	
	h2.sub-tit-l_news_sanuki {
		width: 92%;
	}
	
	h2.sub-tit-ob_news_sanuki {
		width: 92%;
	}
	
	h2.sub-tit-iju_news_sanuki {
		width: 92%;
	}
	
	.listArea_news {
		margin-right: 30px;
	}
	
	/* --------------------------
		子育て支援関係セミナー
	-------------------------- */
	
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー（詳細）
	-------------------------- */
	.semi_infoArea ul li span.shosai {
		padding: 10px 10px 6px 20px;
		display: inline-block;
	}
	
	.semi_infoArea ul li span.semi-text {
		padding: 0 10px 6px 20px;
		display: inline-block;
	}
	
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー申し込み
	-------------------------- */
	p.m_leadtxt br {
		display: block;
	}
	
	table.m-hyo {
		margin: 40px 0 20px 0;
	}
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー申し込み
		（確認画面）
	-------------------------- */	
	
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー申し込み
		（完了画面）
	-------------------------- */	
	
	/* --------------------------
		子育て支援情報誌
	-------------------------- */
	div.box01.info_MagArea {
		width: 84%;
		margin: 10px auto;
	}
	
	div.box01.info_MagArea img {
		width: 26%;
	}
	
	div.box01.info_MagArea ul.list05 {
		float: none;
		width: 100%;
	}
	
	div.box01.info_MagArea .btn_pdf_dl img {
		width: 37%;
	}
	
	div.box01.info_MagArea .btn_pdf_dl {
		text-align: center;
	}
	
	/*最新号*/
	div.box02.info_saishin .fr, div.box02.info_saishin .fl {
		float: none;
		width: 96%;
    	margin: 20px auto;
		height: auto;
	}
	
	div.box02.info_saishin img {
		width: 23%;
	}
	
	div.box02.info_saishin .btn_pdf_dl img {
		width: 100%;
	}
	
	div.box02.info_saishin ul.list05 li {
		padding-right: 8px;
	}
	
	div.box02.info_saishin .btn_pdf_dl {
		position: relative;
		left: 30%;
		width: 37%;
		bottom: 0;
	}
	
	/*かわら版*/
	div.box02.info_kawara p.boxMidashi {
		
	}
	
	div.box02.info_kawara .fr, div.box02.info_kawara .fl {
		float: none;
		width: 96%;
		margin: 20px auto;
		height: auto;
	}
	
	div.box02.info_kawara ul.list05 li {
		padding-right: 8px;
	}
	
	div.box02.info_kawara .btn_pdf_dl {
		position: relative;
		left: 30%;
		width: 37%
	}
	
	/*===============================*
	 *　香川ってページ
	 *===============================*/
	.immigration-submenu .table-ul li.sub_miryoku a {
		font-size: 110%;
		padding: 14px 30px 11px 30px;
    	display: inline-block;
	}
	
	.immigration-submenu .table-ul li.sub_intro a {
		font-size: 110%;
    	padding: 14px 16px 11px 16px;
   		display: inline-block;
	}
	
	.immigration-submenu .table-ul li.sub_iju-info a {
		font-size: 110%;
		padding: 14px 22px 11px 22px;
    	display: inline-block;
	}
	
	
	.immArea {
		width: 91%;
    	padding: 14px 22px;
	}
	
	.immArea img {
		 max-width: 418px;
		 float: left;
	}
	
	.point02 {
		background: url(../images/point2_tb.png) left top no-repeat;
	}
	
	.point04 {
		background: url(../images/point4_tb.png) left top no-repeat;
	}
	
	.point06 {
		background: url(../images/point6_tb.png) left top no-repeat;
	}
 
	.point01 img, .point02 img, .point03 img, .point04 img, .point05 img, .point06 img {
		 max-width: 219px;
		 margin-left: 0;
		 padding-left: 127px;
		 float: none;
		 height: auto;
	 }
	 
	 .point01 p.p-tit, .point02 p.p-tit, .point03 p.p-tit, .point04 p.p-tit, .point05 p.p-tit, .point06 p.p-tit  {
		margin-left: 20px;
		font-size: 150%;
		padding-top: 25px;
		padding-left: 0;
	}
	
	.point01 .p-sen, .point03 .p-sen, .point05 .p-sen {
		margin: 0 20px 0 20px;
	}
	
	.point01 .p-sen p, .point03 .p-sen p, .point05 .p-sen p {
		margin-left: 0;
	}
	
	.point02 .p-sen, .point04 .p-sen, .point06 .p-sen {
		margin: 0 20px 0 20px;
	}

	.point02 .p-sen p, .point04 .p-sen p, .point06 .p-sen p {
		margin-left: 0;
	}
	
	.iju_listArea .student-post-list ul.list01 li {
		width: 90%;
	}
	
	/* --------------------------
		インタビュー（詳細）20151116追加
	-------------------------- */	
	.int_shosaiArea img {
		max-width: 230px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.int_shosaiArea .txtArea {
		padding-left: 0;
	}
	
	/*===============================*
	 *　投稿ページ
	 *===============================*/
	.s-contArea {
	}
	
	h1.tit-singleP {
		width: 98%;
		max-width: 98%;
	}
	
	.s-contArea p.post-meta {
		text-align: right;
		padding: 0 43px 0 0;
	}
	
	.s-contArea p.post-meta span.post-date {
		
	}
	
	.contArea {
		margin: 28px auto 40px auto;
		padding: 0 32px 0 10px;
	}
	
	.contArea p {
		padding: 2px;
	}
	
	.contArea a {
		font-size: 90%;
	}
	
	.news dl {
		width: 95%;
	}
	
	.news dd {
		text-indent: -8.5em;
    	padding-left: 7.9em;
    	margin-left: 0em;
	}
	
	.k-map dl {
	    width: 95%;
	}
	
	.k-map dd {
		text-indent: -8.7em;
    	padding-left: 7.9em;
	}
	
	.k-map dd div.city {
		text-indent: -3.4em;
		padding-left: 3.9em;
		text-align: center;
	}
	
	/*===============================*
	 *　フッターエリア
	 *===============================*/
	footer {
		background: none;
		background-color: #fff;
	}
	
	/* br を表示 */
	footer h1.logo br {
		display: block;
	}
	
	footer span.linkArea {
		margin-top: 10px;
    	display: block;
	}

	footer .body {
		width: 95%;
		margin: 0 auto;
		background: none;
	}

	footer .box1 {
		width:100%;
		margin-right: 24px;
	}

	footer .logo a,
	footer strong {
		color: #fff;
		font-size: 24px;
	}

	footer .box2 {
		float: left;
		width: 35%;
		margin-right: 24px;
	}

	footer .box3 {
		float: right;
		width: 23%;
	}

	footer .box3 li {
		width: 100%;
	}

}




/* ---------------------------------------

			スマホ

--------------------------------------- */
@media only screen and (max-width: 640px) {
	
	/*===============================*
	 *　装飾系
	 *===============================*/
	 
	img.alignleft, img.alignright, img.aligncenter {
		 float: none;
		 width: 96%;
		 height: auto;
		 max-width: 100%;
		 margin: 0;
	}
	 
	/*=====box01======*/
	div.box01 {
		margin: 10px 0;		
	}
	
	div.box01 p.boxMidashi {
		border-bottom: #6c3f17 1px dotted;
		font-size: 100%;
		padding: 0;
		margin: 12px;
		text-align: center;
		display: block;;
	}
	
	div.box01 img {
		width: 94%;
		margin: 0 auto;
		max-width: 100%;
    	height: auto;
	}
	
	div.box01 p {
		padding-bottom: 10px;
		margin: 12px
	}
	 
	/*=====box02======*/
	div.box02 {
		width: 100%;
		margin: 10px 0;
	}
	
	div.box02 img {
		width: 94%;
		max-width: 100%;
    	height: auto;
	}
	
	div.box02 .fr {
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	div.box02 .fl {
		width: 100%;
		float:none;
		margin: 0 auto;
		text-align: center;
	}
	
	div.box02 p.boxMidashi {
		font-size: 100%;
	}
	
	div.box02 .fr p.boxtxt, div.box02 .fl p.boxtxt {
		width: 94%;
    	margin: 10px auto;
	}
	
	/*=====box03======*/
	div.box03 p.boxMidashi {
		font-size: 100%;
		padding: 15px 0 5px 0px;
    	margin: 10px 0 10px 0;
	}
	
	div.box03 .fl p.boxtxt {
		margin: 0px 22px 16px 22px;
		padding-bottom: 10px;
	}
	
	div.box03 .fr {
		width: 94%;
		float: none;
		margin: 0 auto;
		text-align: center;
		background: #def3e2;
	}
	
	div.box03 .fl {
		width: 94%;
		float:none;
		margin: 0 auto;
		text-align: center;
		background: #def3e2;
	}
	
	/*=====box04======*/
	div.box04 {
		width: 94%;
		margin: 10px auto;
	}
	
	div.box04 p.boxMidashi {
		padding: 10px 0 5px 22px;
	}

	div.box04 p {
		padding: 0 20px 20px 22px;
	}
	
	/*=====NotificationBox 01======*/
	div.nf-box01 {
		width: 94%;
		margin: 10px auto;
	}
	
	/*=====NotificationBox 02======*/
	div.nf-box02 {
		width: 94%;
		margin: 10px auto;
	}
	
	/*=====NotificationBox 03======*/
	div.nf-box03 {
		width: 94%;
		margin: 10px auto;
	}
	
	/*=====NotificationBox 04======*/
	div.nf-box04 {
		width: 94%;
		margin: 10px auto;
	}
	
	div.box04 img {
		width: auto;
		max-width: 100%;
    	height: auto;
	}
	
	/*=====NotificationBox 05======*/
	div.nf-box05 {
		width: 94%;
		margin: 10px auto;
	}
	
	/*■■■■　MenuBox ■■■■*/
	div.nemu-box {
		width: 94%;
		margin: 10px auto;
	}
	
	/*=====スタッフ情報エリアBox======*/
	.k-staffArea img {
		width: auto;
		margin: 13px auto;
	}
		
	.staff-infoArea {
		float: none;
		width: 100%;
	}
	
	/*=====box05（img３つ横並び）======*/
	div.img-3box img {
		float: none;
    	width: 55%;
    	margin: 10px auto;
	}
	
	/*----------画像切替 要素------------*/	
	.swicth img.pc {
		display: none;
	}
	
	.swicth img.sp {
		display: block;
		width: 92%;
	}
	
	/*=====YouTube Googlemapエリア======*/
	#main iframe {
		width: 98%;
	}
	
	/*=====お問い合せ用BOX======*/
	div.toi-infobox {
		width: 96%;
	}
	
	/* --------------------------
		ヘッダー
	-------------------------- */
	header {
		height: auto;
	}

	header #header {
		width: 100%;
	}

	header .box1 {
	    width: 100%;
		float: none;
		margin-bottom: 20px;
		margin-top: 0;
	}

	header #header .logo {
		padding-top: 12px;
	}

	header #header .logo a img {
		width: 76%;
		height: auto;
		max-width: 76%;
	}

	header .box2 {
	    width: 100%;
		float: none;
		margin: 0 auto;
	}

	header .box2_01 {
		float: none;
		background-color:#6C3F17;
		width: 98%;
		border-radius: 8px;
		padding: 11px 0 10px 0px;
		margin: 0 auto 20px auto;
		text-align: right;
	}

	header .box2_01 .searchArea {
		padding: 0 0 0 10px;
		float: none;
		margin: 0;
	}

	header .box2_01 .searchArea p.search span {
		font-size: 68%;
	}

	header .box2_01 .mojiArea {
		padding: 0px 5px 0px 12px;
		float: none;
		margin: 0;

	}

	header .box2_01 .mojiArea p {
		font-size: 68%;
		margin-bottom: 0;
	}

	header .box2_02 {
		width: 100%;
		float: none;
		margin: 0 auto;
		padding-bottom: 18px;
		text-align: center;
	}

	header .box2_01 .searchArea .search #___gcse_0{
		width: 40%;
		padding-right: 10px;
	}

	/* 検索ボタン */
	input.gsc-search-button-v2 {
		padding: 6px !important;
	}

	/* 検索フォーム */
	.gsc-search-box-tools .gsc-search-box .gsc-input {
		padding-right: 2px !important;
	}

	/* --------------------------
		ナビ
	-------------------------- */
	nav.pc, nav.tb { display: none; }

	nav.sp  {
		display:: block;
		margin-bottom: 20px;
	}

	nav.sp ul {
		width: 98%;
		background-color: #FFF8EC;
		color: #6C3F17;
		margin: 0 auto;
		border: 3px solid #6C3F17;
	}

	nav.sp ul li {
		padding: 14px 0;
		letter-spacing: -2px;
		float: left;
		width: 49%;
		text-align: center;
		border-bottom: 3px solid #6C3F17;
		
		-webkit-touch-callout:none;
    -webkit-tap-highlight-color:(0,0,0,0);
    cursor: pointer;
	}

	nav.sp ul li a {
		color: #6C3F17;
		font-weight: bold;
		font-size: 110%;
		display: block;
	}

	nav.sp ul li:nth-child(even) {
		width: 50.4%;
		border-right: 2px solid #6C3F17;
	}

	nav.sp ul li:nth-child(odd) {
		width: 48.8%;
		border-right: none;
	}

	nav.sp ul li:first-child {
		width: 100%;
		text-align: center;
		border-bottom: 3px solid #6C3F17;
	}

	nav.sp ul li:last-child {
		border-bottom: none;
	}

	nav.sp ul li:nth-child(4) {
		border-bottom: none;
	}

	nav.sp ul li:nth-child(2) {
		font-size: 80%;
    	padding: 16.8px 0;
	}
	
	nav.sp ul li:hover {
		background-color: #6C3F17;
		color: #fff;
	}
	
	nav.sp ul li a:hover {
		color: #fff;
	}

	/* --------------------------
		メイン画像（スライダーになる予定）
	-------------------------- */
	#main-img {
		display: block;
		width: 100%;
		margin: 0 auto;
	}

	#main-img img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	/* スライダー矢印サイズ */
	.bx-wrapper .bx-controls-direction a {
		top: 64%;
		width: 22px;
		height: 22px;
	}

	/*===============================*
	 *　コンテンツ
	 *===============================*/
	br {
		display: block;
	}
	
	/* パンくずナビ */
	#breadcrumb {
		padding-bottom: 0;
		padding-top: 20px;
		padding-left: 10px;
		font-size: 90%;
		margin-bottom: 45px;
	}

	#wrapper {
		width: 100%;
		margin: 20px auto 60px;
	}

	#main {
		float: none;
		width: 98%;
    	margin: 0 auto 100px auto;
	}

	h2.header {
		margin-bottom: 24px;
	}

	h2.header img {
		width: 98%;
	}

	h2.header img.pc {
		display: none;
	}

	h2.header img.sp {
		display: block;
	}

	h2 {
		width: 90%;
		margin: 0 auto;
	}
	
	h3 {
		margin: 60px auto 0 auto;
		width: 94%;
	}
	
	/* ページ送り */
	.p-nation {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	.sub-tit h3 {
		font-size: 100%;
		font-weight: bold;
		padding: 5px 3px 6px 10px;
	}

	/* 一覧リンク */
	.morelink a {
		bottom: 6px;
		font-size: 12px;
		padding: 2px 0px;
		right: 20px;
		border-radius: 4px;
		width: 76px;
	}
	
	.news .header, .seminar .header, .lifestage .header, .k-map .header {
		float: none;
	}
	
	/* --------------------------
		新着情報エリア
	-------------------------- */
	.news dd span.date {
		font-size: 80%;
	}

	.news dd a {
		font-size: 80%;
		padding: 0 20px 0 23px;
		display: block;
	}

	/* --------------------------
		ライフステージエリア
	-------------------------- */
	.stageArea {
		text-align: center;
	}
	.stageArea ul {
		width: 96%;
		text-align: center;
	}

	.stageArea ul li {
    	width: 46%;
		padding: 10px 5px;
	}

	.stageArea ul li a img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.lifestage dd span.date {
		font-size: 80%;
	}

	.lifestage dd a {
		font-size: 80%;
		padding: 0 20px 0 23px;
		display: block;
	}

	/* セミナーエリア */
	.seminar .calArea {
		float: none;
		text-align: center;
	}

	.seminar .info-boshu {
		float: none;
		width: 94%;
		margin: 20px auto 0 auto;
	}
	
	.info-boshu .titArea p.tit {
		margin-bottom: 0;
	}

	.seminar .info-boshu .duringArea, 
	.seminar .info-boshu .endArea, 
	.seminar .info-boshu .junbiArea, 
	.seminar .info-boshu .todayArea {
		width: 100%;
	}
	
	.duringArea .titArea, 
	.endArea .titArea, 
	.junbiArea .titArea, 
	.todayArea .titArea {
		padding: 10px 14px 0px 10px;
	}

	.duringArea .titArea a, 
	.endArea .titArea a, 
	.junbiArea .titArea a, 
	.todayArea .titArea a {
		font-size: 90%;
		line-height: 1.0;
	}

	.duringArea .titArea p.sub-txt, 
	.endArea .titArea p.sub-txt, 
	.junbiArea .titArea p.sub-txt, 
	.todayArea .titArea p.sub-txt {
		font-size: 60%;
		line-height: 1.2;
		display: none;
	}

	.duringArea .dateArea, 
	.endArea .dateArea, 
	.junbiArea .dateArea, 
	.todayArea .dateArea {
		font-size: 70%;
	}

	.duringArea .dateArea p, 
	.endArea .dateArea p, 
	.junbiArea .dateArea p, 
	.todayArea .dateArea p {
		margin-bottom: 2px;
	}
	
	/* --------------------------
		マップ エリア
	-------------------------- */
	/* フルードイメージ設定 */
	.mapAllArea img {
		width: 100%;
		height: auto;
		max-width: 100%;
	}

	.mapAllArea .imgArea {
		margin-left: 0;
		display: none;
	}
	
	.mapAllArea img.sp {
		display: block;
	}

	/* 市町別情報エリア */
	.k-map .sp {
		display: block;
		width: 98%;
		margin: 0 auto;
	}

	.k-map dd span.date {
		font-size: 80%;
	}

	.k-map dd span.city {
		font-size: 65%;
		padding: 1px 6px;
		border-radius: 5px;
	}

	.k-map dd a {
		font-size: 80%;
		padding: 0 20px 0 23px;
		display: block;
	}

	.k-map .mapSelectArea {
		width: 94%;
		border: #6c3f17 2px solid;
		margin-bottom: 20px;
	}

	.k-map .mapSelectArea dl#triggerbinds {
		margin: 0;
	}

	.k-map .mapSelectArea dl#triggerbinds dt {
		font-size: 70%;
		font-weight: bold;
		color: #000;
		background-color: #E6E6E6;
		margin-left: 0;
		text-align: center;
		padding: 10px 0;
	}

	.k-map .mapSelectArea dl#triggerbinds dd {
		font-size: 90%;
		text-align: left;
		padding: 14px 0 0 5px;
	}

	.k-map .mapSelectArea dl#triggerbinds select {
		width: 36%;
		margin-left: 10px;
		font-size: 100%;
		vertical-align: middle;
	}
	
	.k-map .mapSelectArea dl#triggerbinds input#location {
		width: 96%;
		height: 46px;
    	padding: 5px 40px 4px 40px;
		margin: 15px auto 5px auto;
    	font-size: 108%;
		background-color: #FEDFB0;
		color: #000;
		border-style: none;
		border: 3px solid #6C3F17;
	}


	/*===============================*
	*　サイドバーエリア
	*===============================*/
	#sidebar {
	  float: none;
	  width: 100%;
	  margin: 18px 0;
	}

	/* --------------------------
		バナーエリア
	-------------------------- */
	#sidebar .f-bannerArea {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	#sidebar .f-bannerArea a {
		 float: left;
		 padding: 0 8px;
		 width: 45%;
	}

	#sidebar .f-bannerArea a img {
		 width: 100%;
	}


	/* --------------------------
		インタビューエリア
	-------------------------- */
	.interviewArea {
		width: 94%;
		float: none;
		border: #6c3f17 1px solid;
		clear: both;
		margin: 0 auto;
	}

	.interviewArea .pc {
		display: none;
	}

	.interviewArea .sp {
		display: block;
	}

	.interviewArea .txtArea {
		float: none;
		width: 100%;
	}
	
	.interviewArea .int_thumb_img {/**20151116追加**/
		text-align: center;
	}

	.interviewArea img.thumb-iv {
		float: none;
		padding: 0;
		width: 100%;
	}

	.interviewArea p.tit-iv {

	}

	.interview_tit {
		background-color: #6c3f17;
		color: #fff;
		text-align:center;
		padding: 20px 0;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.interviewArea p.leadtxt {

	}

	.interviewArea .iv-tolist {
		background-color: #6c3f17;
		clear:both;
	}
	
	/* --------------------------
		子育て便利リンク エリア
	-------------------------- */
	.kosodate-benriArea {
		margin: 20px auto;
    	width: 94%;
		clear: both;
	}
	
	/* --------------------------
		オトクな情報エリア
	-------------------------- */
	.info-otokuArea-tit {
    	margin: 20px 0 10px 0;
	}

	.info-otokuArea-tit img.pc {
		display: none;
	}

	.info-otokuArea-tit .sp_tit {
		display: block;
		background: #facdc9 url(../images/sidebar-tit-icon.png) left bottom no-repeat;
		height: 62px;
		width: 94%;
		margin: 0 auto;
	}

	.info-otokuArea-tit .sp_tit p {
		color: #6c3f17;
		font-weight: bold;
		padding: 15px 0 0 86px;
    	font-size: 144%;
	}

	.info-otokuArea {
		width: 92%;
		margin: 0 auto;
	}
	
	/* --------------------------
		子育て情報を見る エリア
	-------------------------- */
	.info-jyouhouArea-tit {
    	margin: 20px 0 10px 0;
	}

	.info-jyouhouArea-tit img.pc {
		display: none;
	}

	.info-jyouhouArea-tit .sp_tit {
		display: block;
		background: #facdc9 url(../images/sidebar-tit-icon.png) left bottom no-repeat;
		height: 62px;
		width: 94%;
		margin: 0 auto;
	}

	.info-jyouhouArea-tit .sp_tit p {
		color: #6c3f17;
		font-weight: bold;
		padding: 15px 0 0 86px;
    	font-size: 144%;
	}

	.info-jyouhouArea {
		width: 92%;
		margin: 0 auto;
	}
	
	/* --------------------------
		ソーシャルエリア
	-------------------------- */
	#sidebar .socialArea {
		margin:0 auto;
		text-align: center;
    	margin-top: 20px;
	}

	/* --------------------------
		ページ先頭へ戻る
	-------------------------- */
	.pagetop {
		width: 100%;
		padding: 0;
	}

	.pagetop a {
		float: none;
		margin: 0 auto;
    	position: relative;
	}
	
	/*===============================*
	 *　固定ページ
	 *===============================*/
	 /* --------------------------
		タイトル共通設定
	-------------------------- */
	 .mainTitArea {
		 width: 98%;
		 height: auto;
	 }
	 
	 .mainTitArea .icon-star {
		 display: none;
	 }
	 
	 .mainTitArea .icon-pencil {
		 display: none;
	 }
	 
	 .mainTitArea .icon-heart {
		 display: none;
	 }
	 
	 .mainTitArea .icon-exc {
		 display: none;
	 }
	 
	 
	 
	 /* h1タイトル（共通）*/
	 .mainTit {
		 width: 90%;
		 height: auto;
	 }

	 .mainTit h1.tit-midashiDai {
		background: url(../images/icon_star.png) left top no-repeat;
		text-indent: 0;
		color: #6c3f17;
		width: 98%;
		max-width: 98%;
		line-height: 1.1;
		margin: 20px 0 0px 10px;
		border-bottom: none;
	}
	
	.mainTit h1.tit-midashiDai.i_pencil {
		background: url(../images/icon_pencil.png) left top no-repeat;
		text-indent: 0;
		color: #6c3f17;
		width: 98%;
		max-width: 98%;
		line-height: 1.1;
		margin: 20px 0 0px 10px;
		border-bottom: none;
	}
	
	/*新着情報（スマホ）*/
	.mainTit h1.tit-midashiDai.icon_exc_sp {
		background: url(../images/icon_exc.png) left top no-repeat;
		text-indent: 0;
		color: #6c3f17;
		width: 98%;
		max-width: 98%;
		line-height: 1.1;
		margin: 20px 0 0px 10px;
		border-bottom: none;
	}
	
	/*ライフステージ目的別情報（スマホ）*/
	.mainTit h1.tit-midashiDai.icon_heart_sp {
		background: url(../images/icon_heart.png) left top no-repeat;
		text-indent: 0;
		color: #6c3f17;
		width: 98%;
		max-width: 98%;
		line-height: 1.1;
		margin: 20px 0 0px 10px;
		border-bottom: none;
	}
	
	.mainTit h1.tit-midashiDai span.spTit {
		font-size: 64%;
		display: block;
		line-height: 1.1;
		padding-bottom: 12px;
		border-bottom: #6c3f17 2px dotted;
		margin-left: 56px;
	}
	
	
	 
    /* --------------------------
		保育施設等一覧
	-------------------------- */
	h2.sub-tit {
		width: 90%;
		padding: 10px 10px 7px 12px;
		font-size: 100%;
	}
	
	.table-wrapper {
		width: 100%;
    	overflow-x: auto;
	}
	
	table.hoiku-list {
		width: 600px;
	}
	
	/* --------------------------
		さぬき市の保育施設等一覧
	-------------------------- */	
	table.normal {
		width: 600px;
	}
	
	.hyo-chuArea {
		width: 90%;
    	margin: 14px auto 0 auto;
	}
	
	.tetudukiArea ol {
		margin-right: 16px;
	}
	
	/* --------------------------
		保育所（認定こども園）詳細
	-------------------------- */
	h2.sub-tit-hoiku {
		width: 90%;
		margin: 0 auto;
	}
	
	h3.sub-tit {
		width: 90%;
		margin: 30px auto 0 auto;
	}
	
	h4.sub-tit {
		width: 90%;
		margin: 20px auto 5px auto;
	}
	
	div.sub-tit h4 {
		margin: 20px 0px 5px 0;
		padding-left: 20px;
	}
	
	table.basic-info-list {
		width: 600px;
		float: none;
	}
	
	table.capacity-list {
		width: 600px;
		margin-left: 0;
	}
	
	table.facility-info-list,
	table.number-list,
	table.extension-list,
	table.other-childcare-list {
		width: 600px;
	}
	
	ul.event-list,
	div.greeting,
	div.event  {
		width: 96%;
		margin: 10px auto;
	}
	
	div.other-info-list {
		width: 92%;
		margin: 10px auto;
	}
	
	ul.content-list {
		width: 96%;
		margin: 20px auto;
	}
	
	.table-tit {
		padding-left: 10px;
	}
	
	div.table-wrapper img.hyo1,
	div.table-wrapper img.hyo2 {
		width: 700px;
		padding-left: 10px;
		margin: 10px auto;
	}
	
	div.greeting {
		width: 96%;
		margin: 20px auto 50px auto;
		text-align:center;
	}
	
	div.greeting p.read {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}
	
	div.greeting img {
		margin: 30px 0;
	}

	/* --------------------------
		市町別情報一覧
	-------------------------- */
	.sanuki-submenu .table-ul {
    	display: block;
	}
	
	.sanuki-submenu .table-ul li {
		display: block;
		padding: 12px;
	}
	
	.sanuki-topArea {
		margin-bottom: 30px;
	}
	
	.sanuki-topArea img.alignleft {
		float: none;
		width: 100%;
		height: auto;
		max-width:100%;
	}
	
	.sanuki-topArea .leadtxt {
    	margin-left: 20px;
	}
	
	h2.sub-tit-news_sanuki {
		font-size: 110%;
		width: 90%;
		margin: 0 auto;
	}
	
	h2.sub-tit-l_news_sanuki {
		font-size: 105%;
		width: 90%;
		margin: 0 auto;
	}
	
	.listArea_news br {
		display: none;
	}
	
	.listArea_news span.date br {
		display: block;
	}
	
	.listArea_news dl dd, .listArea_news dl.fl-list dd {
		float: none;
		width: 98%;
		font-size: 90%;
		margin: 8px 0;
	}
	
	h2.sub-tit-ob_news_sanuki {
		font-size: 105%;
		width: 90%;
		margin: 0 auto;
	}
	
	h2.sub-tit-iju_news_sanuki {
		font-size: 105%;
		width: 90%;
		margin: 0 auto;
	}
	
	/* --------------------------
		子育て支援関係セミナー
	-------------------------- */
	.seminarListArea ul li span.boshu {
		font-size: 80%;
		padding: 4px 12px;
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
		border-radius: 5px;
		display: block;
		width: 78px;
	}
	
	.seminarListArea ul li span.boshu-end {
		font-size: 80%;
		padding: 4px 12px;
		-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
		border-radius: 5px;
		display: block;
		width: 56px;
	}
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー（詳細）
	-------------------------- */
	.semi_infoArea ul li span.koumoku {
		padding-left:0;
	}
	
	.semi_infoArea ul li span.shosai {
		padding: 10px 10px 6px 20px;
    	font-size: 80%;
    	display: inline-block;
	}
	
	.semi_infoArea ul li span.semi-text {
		padding: 10px 10px 6px 20px;
    	font-size: 80%;
    	display: inline-block;
	}

	.sankaArea .sanka {
		background: url(../images/sankaArea_bg_sp.png) center top no-repeat;
		width: 94%;
    	height: 61px;
	}

	.sankaArea .sanka a {
		padding-top: 38px;
    	font-size: 82%;
	}
	
	.sankaArea .simmekiri {
		background: url(../images/sankaArea_simekiri_bg_sp.png) center top no-repeat;
		width: 94%;
    	height: 45px;
	}

	.sankaArea .simmekiri a {
		padding-top: 50px;
	}
	
	.sankaArea .junnbi {
		background: url(../images/sankaArea_junbi_bg_sp.png) center top no-repeat;
		width: 94%;
    	height: 61px;
	}
	
	.sankaArea .junnbi p {
		padding-top: 38px;
    	font-size: 84%;
	}
	
	.semi_infoArea br {
		display: block;
	}
	
	.semi_infoArea span.koumoku br {
		display: block;
	}
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー申し込み
	-------------------------- */
	p.m_leadtxt {
		font-size: 90%;
	}
	
	table.m-hyo td input[type=submit] {
    	width: 30%;
	}
	
	table.m-hyo td select {
		width: 90%;
	}
	
	table.m-hyo td textarea {
	    width: 80%;
	}
	
	.btn_kakunin input[type=submit] {
		padding: 12px 80px;
    	font-size: 150%;
	}
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー申し込み
		（確認画面）
	-------------------------- */	
	p.error_messe {
		font-size: 84%;
    	padding: 10px 0 10px 9px
	}
	
	.btn_kakunin {
	    margin: 10px auto;
	}
	
	.send input[type=submit] {
		padding: 8px 27px;
		font-size: 120%;
	}
	
	/* --------------------------
		お父さんの子育て応援事業　第4回セミナー申し込み
		（完了画面）
	-------------------------- */	
	
	
	/* --------------------------
		中学生・高校生
	-------------------------- */
	
	/* --------------------------
		子育て支援情報誌
	-------------------------- */
	div.box01.info_MagArea {
		width: 84%;
		margin: 10px auto;
	}
	
	div.box01.info_MagArea img {
		width: 50%;
	}
	
	div.box01.info_MagArea ul.list05 {
		float: none;
		width: 100%;
	}
	
	div.box01.info_MagArea .btn_pdf_dl img {
		width: 79%;
	}
	
	div.box01.info_MagArea .btn_pdf_dl {
		text-align: center;
	}
	
	/*最新号*/
	div.box02.info_saishin .fr, div.box02.info_saishin .fl {
		float: none;
		width: 96%;
    	margin: 20px auto;
	}
	
	div.box02.info_saishin img {
		width: 50%;
	}
	
	div.box02.info_saishin .btn_pdf_dl img {
		width: 79%;
	}
	
	div.box02.info_saishin ul.list05 li {
		padding-right: 8px;
	}
	
	div.box02.info_saishin .btn_pdf_dl {
		position: relative;
		bottom: 0;
		left: 12%;
		width: 79%
	}
	
	/*かわら版*/
	div.box02.info_kawara p.boxMidashi {
		font-size: 96%;
	}
	
	div.box02.info_kawara .fr, div.box02.info_kawara .fl {
		float: none;
		width: 96%;
		margin: 20px auto;
		height: auto;
	}
	
	div.box02.info_kawara ul.list05 li {
		padding-right: 8px;
	}
	
	div.box02.info_kawara .btn_pdf_dl {
		position: relative;
		bottom: 0;
		left: 12%;
		width: 79%
	}
	
	
	/*===============================*
	 *　香川ってページ
	 *===============================*/
	.immigration-submenu .table-ul {
		display: block;
	}
	
	.immigration-submenu .table-ul li {
		display: block;
    	padding: 12px;
	}
	
	.immArea {
		width: 98%;
	}
	
	.immArea p {
		padding: 8px 12px;
	}
	
	.point01 {
		background: url(../images/point1_sp.png) left top no-repeat;
	}
	
	.point02 {
		background: url(../images/point2_sp.png) left top no-repeat;
	}
	
	.point03 {
		background: url(../images/point3_sp.png) left top no-repeat;
	}
	
	.point04 {
		background: url(../images/point4_sp.png) left top no-repeat;
	}
	
	.point05 {
		background: url(../images/point5_sp.png) left top no-repeat;
	}
	
	.point06 {
		background: url(../images/point6_sp.png) left top no-repeat;
	}
	
	.point01 img, .point02 img, .point03 img, .point04 img, .point05 img, .point06 img {
		max-width: 229px;
		padding: 28px 0 0 80px;
		margin-left: 0;
	}
	
	
	.point01 p.p-tit, .point03 p.p-tit, .point05 p.p-tit  {
		margin-left: 20px;
		font-size: 120%;
		padding-top: 25px;
	}
	
	.point01 .p-sen, .point03 .p-sen, .point05 .p-sen {
		margin: 0 20px 0 20px;
	}
	
	.point01 .p-sen p, .point03 .p-sen p, .point05 .p-sen p {
		margin-left: 0;
	}
	
	.point02 p.p-tit, .point04 p.p-tit, .point06 p.p-tit {
		margin-left: 20px;
		font-size: 120%;
		padding-top: 25px;
		padding-left: 0;
	}
	
	.point02 .p-sen, .point04 .p-sen, .point06 .p-sen {
		margin: 0 20px 0 20px;
	}

	.point02 .p-sen p, .point04 .p-sen p, .point06 .p-sen p {
		margin-left: 0;
	}
	
	h2.sub-tit-iju-site-intro {
		font-size: 105%;
		width: 90%;
		margin: 0 auto;
	}
	
	.iju_listArea .student-post-list ul.list01 li {
		width: 90%;
	}
	
	/* --------------------------
		インタビュー（一覧）
	-------------------------- */
	#interviewListArea dl {
		margin: 0 auto;
	}
	
	/* --------------------------
		インタビュー（詳細）
	-------------------------- */	
	.int_shosaiArea img {
		max-width: 230px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.int_shosaiArea .txtArea {
		padding-left: 0;
	}
	
	/*===============================*
	 *　投稿ページ
	 *===============================*/
	.s-contArea {
	}
	
	h1.tit-singleP {
		background: url(../images/icon_star.png) left top no-repeat;
		text-indent: 0;
		color: #6c3f17;
		width: 90%;
		height: 40px;
    	margin: 12px 0 20px 10px;
	}
	
	h1.tit-singleP span.spTit {
		padding-left: 53px;
    	vertical-align: text-top;
    	line-height: 106%;
    	font-size: 62%;
		display: block;
	}
	
	.s-contArea p.post-meta {
		text-align: right;
		padding: 0 16px 0 0;
	}
	
	.s-contArea p.post-meta span.post-date {
		
	}
	
	.contArea {
		margin: 20px auto;
    	padding: 0 16px;
	}
	
	.contArea p {
		padding: 2px;
	}
	
	.contArea a {
		font-size: 90%;
	}
	
	.news dd {
		text-indent: 0;
		padding-left: 10px;
	}
	
	/*===============================*
	 *　フッターエリア
	 *===============================*/
	footer {
		background: none;
		background-color: #fff;
	}
	
	/* br を表示 */
	footer div.logo br {
		display: block;
	}
	
	footer span.linkArea {
		margin-top: 10px;
    	display: block;
	}
	
	footer div.logo br {
		display: block;
	}
	
	footer .body {
		width: 95%;
		margin: 0 auto;
		background: none;
	}
	
	footer .box1 {
		width:100%;
		margin-right: 24px;
	}

	footer div.logo img {
		width: 100%;
    	height: auto;
    	max-width: 100%;
	}

	footer .box2 {
		float: left;
		width: 35%;
		margin-right: 24px;
	}

	footer .box3 {
		float: right;
		width: 23%;
	}

	footer .box3 li {
		width: 100%;
	}

	/* 20183126 - ロゴをテキストに変える為追加 */
	footer #footer_title {
		font-size: 20px !important;
	}

}

/* ---------------------------------------

			スマホ 480px

--------------------------------------- */
@media only screen and (max-width: 480px) {

	header .box2_01 {
		text-align: left;
	}

	header .box2_01 .searchArea {
		display: block;
		width: 95%;
	}

	header .box2_01 .searchArea p.search span {
		font-size: 77%;
	}

	header .box2_01 .mojiArea {
		display: block;
		width: 95%;
		clear: both;
	}

	header .box2_01 .mojiArea p {
		font-size: 77%;
	}

	header .box2_01 .searchArea .search #___gcse_0{
		width: 70%;
	}

}

@media only screen and (min-width: 1025px) {

	nav.sp { display: none; }

	/* マップイメージ */
	img[usemap] {
        border: none;
        height: auto;
        max-width: 100%;
        width: auto;
    }
}