@charset "utf-8";

@media screen and (max-width: 800px) {
/*****************************************
				Body
*****************************************/
	body {
		width: 100% !important;
		position: static;
	}
/*****************************************
			Global Setting
*****************************************/
	#social {
		width: 99%;
		margin: 10px 0.5%;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
		text-align: right;
	}
	.twitter { width: 76px !important; }
	.facebook { width: 126px !important; }
/*****************************************
				Container
*****************************************/
	#container {
		background: none;
		min-width: 100%;
		min-height: inherit;
	}
/*****************************************
				Wrapper
*****************************************/
	#wrapper { padding-bottom: 0; }
/*****************************************
				Main
*****************************************/
	#main { width: 100%; }
	#mainContentsTop,
	#sideTop {
		width: 100%;
		float: none;
	}
	#mainContents,
	#side {
		width: 98%;
		margin: 0 1% 10px 1%;
		padding: 0;
		float: none;
	}
	#contents img {
		max-width: 100%;
		height: auto;
	}
/*****************************************
				Header
*****************************************/
	#header {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	#headerContents {
		width: 100%;
		height: 64px;
		border-bottom: 2px solid #DADADA;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#logoTitle {
		width: 160px;
		height: auto;
		margin: 0;
		float: none;
		position: absolute;
		top: 6px;
		left: 5px;
	}
	#btn_searchBox {
		background: url(../img/parts/btn_searchbox.png) 0 0 no-repeat;
		background-size: 54px 54px;
		width: 54px;
		height: 54px !important;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		position: absolute;
		top: 5px;
		right: 66px;
	}
	#btn_menuBox {
		background: url(../img/parts/btn_menubox.png) 0 0 no-repeat;
		background-size: 54px 54px;
		width: 54px;
		height: 54px !important;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
	/*
		position: absolute;
		top: 5px;
	*/
		position: fixed;
		top: 7px;
		right: 6px;
		z-index: 3333 !important;
	}
	#tools,
	#gNav { display: none;}
	#catchcopy {
		width: 80%;
		height: auto;
		position: absolute;
		bottom: 18px;
		left: 10%;
		margin-left: 0;
	}
/*****************************************
			Main Visual Slider
*****************************************/
	.nivo-directionNav { width: 100%; }
	.nivo-prevNav { left: 3px; }
	.nivo-nextNav { right: 3px; }
	.nivo-controlNav { bottom: 4px; }
/*****************************************
			Search Box
*****************************************/
	#searchBox {
		display: none;
		margin: 0 1%;
		width: 98%;
		background: #353777;
		box-sizing: border-box;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.6);
		position: absolute;
		top: 64px;
		left: 0;
		z-index: 9999 !important;
	}
	#searchBox h2 {
		line-height: 50px;
		background: #353777;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		text-shadow: none;
		position: relative;
		display: block !important;
		letter-spacing: normal;
	}
	#searchBox h2 .btn_closeBox {
		display: block !important;
		width: 30px;
		height: 30px;
		background: url(../img/parts/btn_close@2x.png) 0 0 no-repeat;
		background-size: 30px 30px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}
	#search {
		background: none;
		width: auto;
		margin: 0;
		padding: 0 2% 5px 2%;
		text-align: center;
		border: none;
	}
	#search label {
		display: none;
	}
	#field_search {
		background-color: #FFF;
		margin: 0;
		padding: 0 1%;
		width: 84%;
		height: 36px;
		line-height: 36px;
		border: none;
		letter-spacing: normal;
	}
	#btn_search {
		background: url(../img/search/btn_search_blue.png) 50% 50% no-repeat #FFF;
		background-size: 22px 24px;
		position: static;
		top: 0;
		right: 0;
		width: 12%;
		height: 36px;
		margin: 0;
		float: right;
	}
	#btn_search:hover { background-position: 50% 50%; }
/*****************************************
			Menu Box
*****************************************/
	#menuBox {
		display: none;
		margin: 0 1%;
		width: 98%;
		height: auto;
		max-height: 80%;
		overflow: auto;
		background: #353777;
		box-sizing: border-box;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.6);
	/*
		position: absolute;
		top: 64px;
	*/
		position: fixed;
		top: 66px;
		left: 0;
		z-index: 9999 !important;
	}
	#menuBox h2 {
		line-height: 50px;
		background: #353777;
		color: #FFF;
		text-align: center;
		text-shadow: none;
		position: relative;
		display: block !important;
		letter-spacing: normal;
		font-size: 150%;
	}
	#menuBox h2 .btn_closeBox {
		display: block !important;
		width: 30px;
		height: 30px;
		background: url(../img/parts/btn_close@2x.png) 0 0 no-repeat;
		background-size: 30px 30px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}
	/* #menuBox .nav { margin: 10px; } */
	#menuBox ul {
		list-style: none;
		margin: 0 10px;
	}
	#menuBox ul li {
		border: solid 1px #FFF;
		letter-spacing: normal;
		text-align: left;
		margin: 0 0 10px 0;
		font-size: 130%;
	}
	#menuBox ul li a:hover { background-color: #9997BE; }
	#menuBox ul li a {
		display: block;
		padding: 8px 16px 8px 8px;
		background: url(../img/parts/white_arw.png) 98% 50% no-repeat;
		background-size: 11px auto;
		text-decoration: none;
		color: #FFF;
	}
	#menuBox ul li span {
		display: block;
		padding: 8px 16px 8px 8px;
		background: url(../img/parts/white_arw_down.png) 97% 50% no-repeat;
		background-size: 19px auto;
		text-decoration: none;
		color: #FFF;
		cursor: pointer;
	}
	#menuBox ul li { background-color: #575999; }
/*	#menuBox ul li span.accordionTitle { background-color: #353777; } */
	#menuBox ul li ul {
		display: none;
		margin: 0;
	}
	#menuBox ul li ul li {
		background: #FFF;
		margin: 0;
		border: none;
		border: solid 2px #575999;
		border-top: none;
		font-size: 100% !important;
	}
	#menuBox ul li ul li a {
		background: url(../img/parts/blue_arw_big.png) 98% 50% no-repeat;
		background-size: 11px auto;
		display: block;
		color: #353777;
	}
	#menuBox ul li ul li a:hover {
		background: url(../img/parts/white_arw.png) 98% 50% no-repeat;
		background-size: 11px auto;
		background-color: #C6BDFF;
		display: block;
		color: #FFF;
	}
	#menuBox ul li.l_red { background-color: #C66; }
	#menuBox ul li.l_red ul li {
		border: solid 2px #C66;
		border-top: none;
	}
	#menuBox ul li.l_red ul li a {
		background: url(../img/parts/red_arw_big.png) 98% 50% no-repeat;
		background-size: 11px auto;
		color: #933;
	}
	#menuBox ul li.l_red ul li a:hover {
		background: url(../img/parts/white_arw.png) 98% 50% no-repeat;
		background-size: 11px auto;
		background-color: #FFBEBE;
		display: block;
		color: #FFF;
	}
/*****************************************
				Emergency
*****************************************/
	#emergency { padding: 5px 0; }
	#emergencyInner {
		width: 98%;
		margin: 0 1%;
	}
	#tickerBox {
		background-image: url(../../top/img/contents/icon_em@2x.png), url(../../top/img/contents/dot_red.png), url(../../top/img/contents/dot_red.png), url(../../top/img/contents/dot_red.png), url(../../top/img/contents/dot_red.png);
		background-size: auto 32px, 2px auto, 2px auto, 2px auto, 2px auto;
		background-position: 4px 4px, 0 0, 100% 0, 0 0, 0 100%;
		background-repeat: no-repeat, repeat-y, repeat-y, repeat-x, repeat-x;
		border: none;
		width: 100%;
		height: 40px;
		padding: 0;
	}
	#ticker {
		width: auto;
		height: 36px !important;
		margin: 0 0 0 42px;
	}
	#ticker ul {
		width: auto;
		position: relative;
	}
	#ticker ul li {
		width: auto;
		padding: 5px 0;
		display: none;
	}
	#ticker p { padding: 5px 0; }
	#emergency_list {
		background: url(../../top/img/contents/red_arw_sp.png) 100% 50% no-repeat;
		background-size: auto 34px;
		width: 30%;
		height: 36px;
		line-height: 36px;
		margin: 0;
		padding: 0 0 0 2%;
	}
	#emergency_list:hover {
		background-color: transparent;
		color: #F00;
	}
/*****************************************
				Weather
*****************************************/
	#weather { border-bottom: 1px solid #DDD; }
	#weatherInner {
		width: 98%;
		margin: 0 1%;
	}
	#weatherContents {
		width: 64%;
		height: 40px;
		padding: 5px 0;
		overflow: hidden;
		float: left;
	}
	#todayWeather {
		background: url(../../top/img/contents/weather_today_sp.png) 3px 50% no-repeat;
		background-size: 24px auto;
		width: 54%;
		height: 40px;
		padding: 0;
		float: left;
		overflow: hidden;
	}
	#tomorrowWeather {
		background: url(../../top/img/contents/weather_tomorrow_sp.png) 3px 50% no-repeat;
		background-size: 24px auto;
		width: 45%;
		height: 40px;
		padding: 0;
		border-left: 2px solid #43A8FA;
		float: left;
		overflow: hidden;
	}
	#today_icon,
	#tomorrow_icon {
		width: 24px;
		height: auto;
	}
	#today_icon { margin: 9px 0 0 32%; }
	#tomorrow_icon { margin: 9px 0 0 38%; }
	#today_icon img,
	#tomorrow_icon img {
		width: 100%;
		height: auto;
	}
	#today_tens_place,
	#tomorrow_tens_place {
		margin: 13px 0 0 3%;
		font-size: 100%;
	}
	#today_one_place,
	#tomorrow_one_place {
		background: url(../../top/img/contents/do@2x.png) 100% 0 no-repeat;
		background-size: 6px 6px;
		margin: 13px 0 0 0;
		padding: 0 6px 0 0;
		font-size: 100%;
	}
/*
	#todayWeather {
		background: url(../../top/img/contents/weather_today_sp.png) 3px 50% no-repeat;
		background-size: 32px auto;
		width: 54%;
		height: 40px;
		padding: 0;
		float: left;
		overflow: hidden;
	}
	#tomorrowWeather {
		background: url(../../top/img/contents/weather_tomorrow_sp.png) 3px 50% no-repeat;
		background-size: 32px auto;
		width: 45%;
		height: 40px;
		padding: 0;
		border-left: 2px solid #43A8FA;
		float: left;
		overflow: hidden;
	}
	#today_icon,
	#tomorrow_icon {
		width: 38px;
		height: auto;
	}
	#today_icon { margin: 3px 0 0 33%; }
	#tomorrow_icon { margin: 3px 0 0 50%; }
	#today_icon img,
	#tomorrow_icon img {
		width: 100%;
		height: auto;
	}
	#today_tens_place,
	#tomorrow_tens_place {
		margin: 12px 0 0 3%;
		font-size: 100%;
	}
	#today_one_place,
	#tomorrow_one_place {
		background: url(../../top/img/contents/do@2x.png) 100% 0 no-repeat;
		background-size: 6px 6px;
		margin: 12px 0 0 0;
		padding: 0 6px 0 0;
		font-size: 100%;
	}
*/
	#weather_list {
		background: url(../../top/img/contents/blue_arw_sp.png) 100% 50% no-repeat;
		background-size: auto 34px;
		width: 30%;
		height: 36px;
		line-height: 36px;
		margin: 5px 0 0 0;
		padding: 0 0 0 2%;
		font-size: 86%;
	}
	#weather_list:hover {
		background-color: transparent;
		color: #3CA6FD;
	}
/*****************************************
				News
*****************************************/
	#news {
		width: 98%;
		margin: 0 1%;
	}
	#news .tab {
		background: #F6F6F6;
		width: auto;
	}
	#news .tab li {
		width: 33%;
		border: none;
	}
	#news .tab li.nav01 { width: 34%; }
	#news .tab li a {
		width: 100%;
		border: none;
		border-bottom: 2px solid #353777;
	}
	#news .tab li.nav01 a { background-size: 98px auto; }
	#news .tab li.nav02 a {
		background-size: 98px auto;
		border-left: 2px solid #353777;
	}
	#news .tab li.nav03 a {
		background-size: 98px auto;
		border-left: 2px solid #353777;
	}
	#news .tab li a.active,
	#news .tab li a:hover {	
		background-color: #FFF;
		border-bottom:2px solid #FFF;
	}
	#newsContents01,
	#newsContents02,
	#newsContents03 {
		height: auto;
		border: none;
	}
	#newsContents02,
	#newsContents03 {
		display: none;
	}
	#news dl {
		margin: 0;
		padding: 8px;
		border-bottom: 1px solid #D5D5D5;
		overflow: hidden;
	}
	#news dl dt {
		padding: 1px 0;
		font-size: 87.5%;
		position: relative;
	}
	#news dl dd {
		padding: 2px 0 0 0;
	}
/*****************************************
			Life Event
*****************************************/
	#lifeEvent { display: none; }
/*****************************************
			SNS Box
*****************************************/
	#snsBox { margin: 10px 1%; }
	#snsBox li {
		border-top: 2px solid #DDD;
		margin: -2px 0 0 0;
	}
/*****************************************
			Side Button
*****************************************/
	#btn_emergency {
		width: 98%;
		margin: 0 1% 5px 1%;
	}
	#btn_delivery {
		width: 98%;
		height: auto;
		margin: 0 1% 5px 1%;
	}
	#btn_furusato {
		width: 98%;
		height: auto;
		margin: 0 1% 10px 1%;
	}
/*****************************************
			Top Menu
*****************************************/
	#topMenu { margin: 0 1% 10px 1%; }
	#btn_d_kouhou {
		width: 100%;
		display: block;
		text-align: center;
	}
/*****************************************
			Topicpath
*****************************************/
	#topicpath { display: none; }
	#topicpath ol {
		width: 98%;
		margin: 0;
		padding: 0 1%;
		overflow: hidden;
		letter-spacing: normal;
	}
	#topicpath ol li {
		margin: 0;
		padding: 0;
		line-height: 35px;
	}
	#topicpath ol li a {
		background: url(../img/parts/list_point04@2x.png) 100% 50% no-repeat;
		background-size: 8px auto;
		padding: 0 14px 0 0;
		display: block;
	}
/*****************************************
			Category Title
*****************************************/
	#categoryTitle {
		width: 98%;
		margin: 0 1%;
		padding: 10px 0 0 0;
	}
	#categoryTitle .innerTitle { font-size: 175%; }
/*****************************************
			Page Title
*****************************************/
	#pageTitle,
	.newsTitle {
		width: 98%;
		margin: 0 1%;
		padding: 10px 0 0 0;
	}
/*
	#pageTitle,
	.newsTitle {
		background: url(../img/title/pagetitle.png) 4px 50% no-repeat #353777;
		margin: 0 0 10px 0;
	}
	#pageTitle .innerTitle,
	.newsTitle .innerTitle {
		padding: 8px 10px 8px 36px;
		color: #FFF;
		font-size: 125%;
		color: #FFF;
		display: block;
	}
*/
/*****************************************
				Option
*****************************************/
	.calendar_page table caption { padding: 5px 25px; }
	.calendar_page_prev_month { left: 0; }
	.calendar_page_next_month { right: 0; }
	.reference span { display: block; }
/*****************************************
			Local Navigation
*****************************************/
	#lNav { display: none; }
/*
	#lNav {
		width: 98%;
		margin: 0 1%;
		float: none;
	}
	#lNav h3 { width: 100%; }
	#lNav h3 a {
		background: url(../img/parts/list_point03.png) 14px 50% no-repeat #353777;
		padding: 8px 10px 8px 30px;
		color: #FFF;
		font-size: 125%;
		display: block;
		text-decoration: none;
	}
	#lNav h3 a:hover {
		background: url(../img/parts/list_point02.png) 10px 50% no-repeat #FFF;
		padding: 4px 6px 4px 26px;
		color: #353777;
		border: 4px solid #353777;
	}
	#lNav ul { width: 100%; }
*/
/*****************************************
			Page Information
*****************************************/
	#pageInfo {
		padding: 0;
		border-top: none;
		border-bottom: none;
	}
	#pageInfoInner {
		width: 98%;
		margin: 0 1%;
	}
	#print {
		width: 160px;
		height: 48px;
		margin: 0 auto;
		float: none;
		display: none;
	}
	#pageInfo ul {
		width: 100%;
		float: none;
	}
	#pageInfo ul li {
		float: none;
		margin: 3px 0;
		padding: 5px 0;
		border: 1px solid #CCC;
	}
	#counter {
		padding: 0;
		border: none;
	}
/*****************************************
			History Back
*****************************************/
	#historyBack {
		background: url(../img/parts/pageback@2x.png) 0 0 no-repeat;
		background-size: auto 82px;
		width: 60px;
		height: 41px;
		position: fixed;
		bottom: 37px;
		right: 48px;
		z-index: 1000;
	}
/*****************************************
			Page Top
*****************************************/
	#pageTop {
		background-size: 82px auto;
		width: 41px;
		height: 41px;
		position: fixed;
		bottom: 37px;
		right: 5px;
		z-index: 1000;
	}
/*****************************************
				Footer
*****************************************/
	#footer {
		background: none;
		margin-top: 0;
		height: auto;
		min-width: 100%;
	}
	#footerNav {
		background: none;
		width: auto;
		margin: 10px 1% 0 1%;
		padding: 0;
		border-top: none;
		letter-spacing: normal;
		text-align: left;
		list-style: none;
		line-height: inherit;
	}
	#footerNav li {
		background: url(../img/parts/list_arw_gray@2x.png) 98% 50% no-repeat;
		background-size: 9px 13px;
		line-height: 41px;
		margin: 0 0 5px 0;
		padding: 0;
		border: 2px solid #DDD;
		border-left: 4px solid #353777;
		display: block;
	}
	#footerNav li a {
		padding: 0 0 0 10px;
		display: block;
		text-decoration: none;
		color: #333;
	}
	#footerContents {
		padding: 20px 0 0 0;
		background: #F6F6F6;
		border-top: 1px solid #AAA;
		width: 100%;
	}
	#footerAddress {
		background-size: 50px auto;
		background-position: 0 0;
		width: 252px;
		margin: 0 auto 10px auto;
		padding: 0 0 0 58px;
		float: none;
		line-height: 1.2;
	}
	#footerAddress dt { font-size: 100%; }
	#footerAddress dd { font-size: 93%; }
	#footerAddress dd span { display: block; }
	#footerContact {
		width: 9.5em;
		float: none;
		text-align: left;
		margin: 0 auto 10px auto;
	}
	#btn_app,
	#btn_google {
		width: 133px;
		margin: 0 0 5px 10px;
		float: none;
	}
/*****************************************
			Banner
*****************************************/
	#banner { border-bottom: 1px solid #DDD; }
	#adBanner { width: 180px; }
	#adBanner .bx-prev { left: -65px; }
	#adBanner .bx-next { right: -65px; }
/*****************************************
			Directory News
*****************************************/
	#dirNewsList { height: 180px; }
	#dirNews,
	#dir,
	#dirRel,
	.dirIndex,
	.dirIndexFull,
	#dirRelInfo,
	#dirIndexQA { width: 100%; }
	#field_search_QA {
		margin: 0 auto 15px auto;
		padding: 0 1%;
		width: 88%;
		float: none;
	}
	#btn_search_QA {
		margin: 0 auto 5px auto;
		display: block;
	}
/*****************************************
		Directory Index Q&A
*****************************************/
	#field_search_QA {
		margin: 0;
		padding: 0 1%;
		width: 84%;
		height: 36px;
		line-height: 36px;
		border: none;
		letter-spacing: normal;
	}
	#btn_search_QA {
		background: url(../img/search/btn_search_blue.png) 50% 50% no-repeat #FFF;
		background-size: 22px 24px;
		width: 12%;
		height: 36px;
		margin: 0;
		float: right;
		display: block;
	}
/*****************************************
				Tab
*****************************************/
	.tabBox .tab {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		list-style: none;
		border-bottom: solid 2px #33327B;
		letter-spacing: -0.4em;
	}
	.tabBox .tab li {
		width: auto !important;
		margin: 0 0 5px 1% !important;
		padding: 0 !important;
		background: none !important;
		border: solid 2px #33327B;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align: top;
		letter-spacing: normal;
		text-align: center;
		float: none;
	}
}