@charset "utf-8";

@media screen and (max-width: 640px) {
/*****************************************
				Body
*****************************************/]
	html { background: none; }
	body {
		background: none; 
		width: 100% !important;
	}
/*****************************************
			Global Setting
*****************************************/
	#social {
		width: 99%;
		margin: 10px 0.5%;
		padding: 0;
		text-align: right;
	}
	.twitter { width: 76px !important; }
	.facebook { width: 126px !important; }
/*****************************************
				Container
*****************************************/
	#container {
		background: none;
		min-width: 100%;
		min-height: inherit;
		border: none;
		overflow: hidden;
	}
/*****************************************
				Header
*****************************************/
	#header {
		width: 100%;
		height: auto;
		margin: 0;
	}
	#headerInner {
		width: 100%;
		height: auto;
		padding: 5px 0;
	}
	#logoTitle {
		width: 137px;
		height: 60px;
		margin: 0 0 0 5px;
		padding: 0;
	}
	#logoTitle a { background-size: 137px auto; }
	#btn_searchBox {
		background: url(../img/parts/btn_searchbox.png) 0 0 no-repeat;
		background-size: 40px 40px;
		width: 40px;
		height: 40px !important;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		position: absolute;
		top: 5px;
		right: 50px;
		z-index: 3333 !important;
	}
	#btn_menuBox {
		background: url(../img/parts/btn_menubox.png) 0 0 no-repeat;
		background-size: 40px 40px;
		width: 40px;
		height: 40px !important;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		z-index: 3333 !important;
	}
	#tools { display: none; }
/*****************************************
				Header Top
*****************************************/
	#headerTop { min-width: 100%; }
	#headerInnerTop {
		width: 98%;
		padding: 0 1%;
		left: 0;
		margin-left: 0;
	}
	#headerInnerTop #logoTitle {
		width: 120px;
		height: 60px;
		margin: 0;
		padding: 0;
		float: none;
	}
	#headerInnerTop #logoTitle a { background-size: 120px 60px; }
	#catchcopy {
		width: 160px;
		height: 180px;
		margin: -5px auto 0 auto;
		text-align: center;
	}
	#catchcopy img {
		width: 160px;
		height: 180px;
	}
/*
	#catchcopy {
		width: 30%;
		height: auto;
		margin: -15px auto 0 auto;
	}
	#catchcopy img {
		width: 100%;
		height: auto;
	}
*/
/*****************************************
			Main Visual Slider
*****************************************/
	#mainVisual { min-width: 100%; }
	#mainVisualBox img {
		width: auto !important;
		min-width: 1px;
		height: 250px;
	}
/*****************************************
				Pick Up
*****************************************/
	#pickUp {
		height: auto;
		padding: 20px 0;
	}
	#pickUp h2 {
		background-size: 106px 26px;
		width: 106px;
		height: 26px;
		margin: 0 auto 20px auto;
	}
	#pickUpContents {
		width: 100%;
		margin: 0;
	}
	#pickUpContents ul { width: 100%; }
	#pickUpContents ul li {
		width: 48%;
		height: auto;
		margin: 0 1% 10px 1%;
	}
/*****************************************
				News
*****************************************/
	#news {
		background: none;
		height: auto;
		padding: 0;
	}
	#news h2 {
		background-image: url(../img/top/news_title.png), url(../img/top/bg02sp01.jpg);
		background-size: auto 26px, cover;
		background-position: 50% 50%, 0 0;
		background-repeat: no-repeat, no-repeat;
		width: 100%;
		height: 60px;
		margin: 0;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
/*
	#newsContents {
		width: 100%;
		margin: 0;
	}
	#newsContents dl {
		background: #FFF;
		width: 100%;
		height: auto;
		margin: 0 0 3px 0;
		padding: 0;
		display: block;
		overflow: hidden;
	}
	#newsContents dl dt {
		width: 120px;
		height: auto;
		margin: 0;
		float: left;
		overflow: hidden;
	}
	.news_text {
		height: auto;
		margin: 0 0 5px 125px;
		padding: 0;
	}
	.news_day {
		margin: 0 0 5px 125px;
		padding: 0 0 15px 0;
		font-size: 86%;
	}
	.news_detail {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.news_detail a {
		background: url(../img/top/btn_more.png) 125px 100% no-repeat;
		width: 100%;
		height: 100%;
		display: block;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	.news_detail a:hover { background-position: 125px 100%; }
	#news_list {
		background-image: url(../img/top/news_list.png), url(../img/top/bg02sp02.jpg);
		background-size: auto 48px, cover;
		background-position: 50% 50%, 0 0;
		background-repeat: no-repeat, no-repeat;
		width: 100%;
		height: 70px;
		margin: 0 auto;
		display: block;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	#news_list:hover { background-position: 50% 50%, 0 0; }
*/
/*****************************************
				Button Area
*****************************************/
	#btnArea {
		background: none;
		width: 100%;
		padding: 20px 0 10px 0;
		border: none;
	}
	#btnAreaInner {
		width: 100%;
		margin: 0;
	}
	#btnArea ul { width: 100%; }
	#btnArea ul li {
		width: 48%;
		height: auto;
		margin: 0 1% 10px 1%;
	}
/*****************************************
				Wrapper
*****************************************/
	#wrapper { padding-bottom: 0; }
/*****************************************
				Main
*****************************************/
	#main { width: 100%; }
	#mainContents {
		width: 98%;
		margin: 0 1%;
		padding: 0 0 10px 0;
		position: relative;
		z-index: 1000;
	}
/*****************************************
				Contents
*****************************************/
	#contents,
	.contentsCalendar {
		padding: 0 3%;
		overflow: hidden;
	}
	#contents img {
		max-width: 100%;
		height: auto;
	}
/*****************************************
			Search Box
*****************************************/
	#searchBox {
		display: none;
		margin: 0 1%;
		width: 98%;
		background: #EEE;
		box-sizing: border-box;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.6);
		position: absolute;
		top: 62px;
		left: 0;
		z-index: 9999 !important;
	}
	#searchBox h3 {
		display: block !important;
		background: #9B8D77;
		height: auto;
		line-height: 40px;
		font-weight: bold;
		font-size: 129%;
		color: #FFF;
		text-align: center;
		text-shadow: none;
		position: relative;
		letter-spacing: normal;
	}
	#searchBox h3 .btn_closeBox {
		display: block !important;
		width: 30px;
		height: 30px;
		background: url(../img/parts/btn_close.png) 0 0 no-repeat;
		background-size: 30px 30px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
	#search {
		background: none;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px 2%;
		text-align: center;
		border: solid 2px #9B8D77;
		border-radius: 0;
	}
	#search label {
		display: none;
	}
	#field_search {
		background-color: #FFF;
		margin: 0;
		padding: 0 2%;
		width: 82%;
		height: 36px;
		line-height: 36px;
		border: none;
		letter-spacing: normal;
		border-radius: 18px;
	}
	#btn_search {
		background: url(../img/parts/btn_search_white.png) 50% 50% no-repeat #9B8D77;
		background-size: 20px auto;
		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: #FFF;
		box-sizing: border-box;
		box-shadow: 0 2px 3px 0 rgba(0,0,0,0.6);
		position: fixed;
		top: 62px;
		left: 0;
		z-index: 9999 !important;
	}
	#menuBox h2 {
		line-height: 40px;
		background: #9B8D77;
		font-weight: bold;
		font-size: 129%;
		color: #FFF;
		text-align: center;
		text-shadow: none;
		position: relative;
		display: block !important;
		letter-spacing: normal;
	}
	#menuBox h2 .btn_closeBox {
		display: block !important;
		width: 30px;
		height: 30px;
		background: url(../img/parts/btn_close.png) 0 0 no-repeat;
		background-size: 30px 30px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		position: absolute;
		top: 5px;
		right: 5px;
		cursor: pointer;
	}
	#menuBox ul {
		list-style: none;
		padding: 0 8px 8px 8px;
		border: solid 2px #9B8D77;
		border-top: none;
	}
	#menuBox ul li {
		background: none;
		letter-spacing: normal;
		text-align: left;
		border-bottom: 1px dotted #9B8D77;
	}
	#menuBox ul li a {
		display: block;
		padding: 12px 18px 12px 0;
		background: url(../img/parts/list_arw_brown.png) 98% 50% no-repeat;
		background-size: auto 16px;
		text-decoration: none;
	}
/*****************************************
			Global Navigation
*****************************************/
	#gNav {
		background: url(../img/gnav/gnav_bg_sp.png) 0 0 repeat;
		background-size: 64px auto;
		padding: 2px 0;
		overflow: hidden;
	}
	#gNav ul {
		width: 100%;
		height: auto;
		list-style: none;
		overflow: hidden;
		border-top: solid 2px #938983;
		border-bottom: solid 2px #938983;
	}
	#gNav ul li {
		width: 50% !important;
		height: auto;
		float: left;
		list-style: none;
		border-bottom: solid 2px #938983;
	}
	#gNav ul li.nav07 {
		width: 50%;
		border: none;
	}
	#gNav ul li.nav01 {
		background: url(../img/gnav/gnav01.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav02 {
		background: url(../img/gnav/gnav02.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav03 {
		background: url(../img/gnav/gnav03.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav04 {
		background: url(../img/gnav/gnav04.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav05 {
		background: url(../img/gnav/gnav05.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav06 {
		background: url(../img/gnav/gnav06.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li.nav07 {
		background: url(../img/gnav/gnav07.png) 8px 50% no-repeat;
		background-size: 120px auto;
	}
	#gNav ul li a {
		background: none;
		height: 48px;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#gNav ul li:nth-child(odd) a { border-right: solid 2px #938983; }
/*****************************************
			Topicpath
*****************************************/
	#topicpath { display: none; }
/*****************************************
			Category Title
*****************************************/
	#TEIJYU_ABOUT #categoryTitle,
	#TEIJYU_HOUSE #categoryTitle,
	#TEIJYU_WORK #categoryTitle,
	#TEIJYU_EDUCATION #categoryTitle,
	#TEIJYU_LIVING #categoryTitle,
	#TEIJYU_CONCIERGE #categoryTitle,
	#TEIJYU_CONTACT #categoryTitle {
		width: 100%;
		height: 200px;
	}
	#TEIJYU_ABOUT #categoryTitle,
	#TEIJYU_HOUSE #categoryTitle,
	#TEIJYU_WORK #categoryTitle,
	#TEIJYU_EDUCATION #categoryTitle,
	#TEIJYU_LIVING #categoryTitle,
	#TEIJYU_CONCIERGE #categoryTitle,
	#TEIJYU_CONTACT #categoryTitle {
		background-size: auto 200px;
		background-position: 50% 0;
	}
	#TEIJYU_DEFAULT #categoryTitle {
		background-position: 50% 0;
		background-size: cover;
		width: 100%;
		min-height: 50px;
		white-space: normal;
		text-indent: 0;
	}
	#TEIJYU_DEFAULT #categoryTitle .innerTitle {
		padding: 20px 10px;
		font-size: 172%;
	}
/*****************************************
			Page Title
*****************************************/
	#pageTitle,
	.newsTitle {
		width: 94%;
	}
	#pageTitle .innerTitle,
	.newsTitle .innerTitle {
		width: 100%;
		padding: 8px 0 0 0;
		font-size: 150%;
	}
	#pageTitle .innerTitle img,
	.newsTitle .innerTitle img {
		width: 100%;
		height: auto;
		margin: -8px 0 0 0;
	}
/*****************************************
			Local Navigation
*****************************************/
	#lNav { display: none; }
/*****************************************
			Contents Title
*****************************************/
	#contents h2,
	.contentsCalendar h2 {
		background-image: url(../img/title/h2_title_bar.png), url(../img/title/h2_title_bg.png);
		background-size: 4px 26px, 64px auto;
		background-position: 7px 7px, 0 0;
		background-repeat: no-repeat, repeat;
		margin: 15px 0 8px 0;
		padding: 5px 5px 5px 18px;
		font-size: 129%;
	}
	#contents h3,
	.contentsCalendar h3 {
		background-position: 9px 11px;
		font-size: 129%;
	}
	#contents h4,
	.contentsCalendar h4 {
		margin: 15px 0 8px 0;
		padding: 2px 10px;
		font-size: 129%;
	}
	#contents h5,
	.contentsCalendar h5 {
		margin: 15px 0 8px 0;
		padding: 2px 9px;
		font-size: 129%;
	}
	#contents h6,
	.contentsCalendar h6 {
		margin: 15px 0 8px 0;
		padding: 2px 10px;
		font-size: 129%;
	}
/*****************************************
				Option
*****************************************/
	.calendar_page,
	.fileDL,
	.faqCollection,
	.relPage,
	.reference,
	.enquete { width: 96%; }
	.calendar_page table caption { padding: 5px 25px; }
	.calendar_page_prev_month { left: 0; }
	.calendar_page_next_month { right: 0; }
	.reference span { display: block; }
/*****************************************
		Map Link Button
*****************************************/
	.linkMapBox {
		margin: 15px auto;
		padding: 12px 2%;
		width: 96%;
		background: #FFF;
		box-sizing: border-box;
		border: solid 2px #CCC;
	}
	.mapOverviewImage {
		width: 100%;
		margin: 0 0 10px 0;
		text-align: center;
	}
/*****************************************
			Page Information
*****************************************/
	#pageInfo {
		background: #FFF;
		width: 98%;
		height: auto;
		padding: 0 1% 2px 1%;
		overflow: hidden;
		font-size: 93%;
		position: relative;
		z-index: 900;
	}
	#pageInfoInner {
		width: 100%;
		height: auto;
	}
	#pageInfo ul {
		background: none;
		width: auto;
		margin: 0;
		padding: 8px 0;
		float: none;
		border-bottom: 1px dotted #AAA;
	}
	#pageInfo ul li {
		background: none;
		line-height: 1.61;
	}
	#pageInfo ul li span {
		display: inline-block;
		/display: inline;
		/zoom: 1;
	}
	#counter span {
		background-size: 20px auto;
		background-position: 5px 50%;
		padding: 0 10px 0 30px;
	}
	#update span {
		padding: 0 10px 0 53px;
		background-position: 5px 50%;
	}
	#print { display: none; }
/*****************************************
			Page Top
*****************************************/
	#pageTop {
		background-size: 130px auto;
		width: 130px;
		height: 32px;
		margin: 5px auto 0 auto;
		float: none;
	}
	#pageTop:hover { background-position: 0 0;}
/*****************************************
				Footer
*****************************************/
	#footer {
		width: 100%;
		min-width: 100%;
		height: auto;
		margin-top: 0;
		padding: 0;
	}
	#footerInner {
		background-image: url(../img/footer/footer_map_sp.png);
		background-repeat: no-repeat;
		background-position: 100% 80px;
		background-size: auto 250px;
		height: auto;
		overflow: hidden;
	}
	#footerCatch {
		background-size: 300px auto;
		width: 300px;
		height: 21px;
		margin: 20px auto 20px auto;
	}
	#footerText {
		text-align: left;
		margin-bottom: 20px;
		padding: 0 20px;
		font-size: 93%;
	}
	#btn_mail {
		background-size: 225px auto;
		width: 225px;
		height: 42px;
		margin: 0 auto 60px auto;
	}
	#btn_mail:hover { background-position: 0 0; }
	#footerContents { width: 100%; }
	#bnr_town {
		float: none;
		margin: 0 auto;
	}
	#bnr_town:hover { background-position: 0 0; }
	#contactus {
		width: 96%;
		padding: 0 2%;
		float: none;
	}
	#contactus ul { text-align: center; }
	#contactus ul li#address,
	#contactus ul li#tel,
	#contactus ul li#fax { margin: 0 10px; }
/*****************************************
			Copy Right
*****************************************/
	#copyright {
		background: #F8F1E0;
		height: 28px;
		line-height: 28px;
		font-size: 86%;
	}
/*****************************************
			Directory News
*****************************************/
	#dirNews {
		width: 96%;
		margin: 0 auto 30px auto;
		padding: 10px 0 0 0;
	}
	#dirNewsList { height: 180px; }
	#dirNews dl { background: none; }
	#dirNews dl dt {
		width: 100%;
		padding: 0;
		float: none;
	}
	#dirNews dl dd {
		width: 100%;
		margin: 0;
	}
	#dir,
	#dirRel {
		width: 96%;
		margin: 0 auto;
	}
	.dirIndex,
	#dirRelInfo {
		width: auto;
		display: block;
		margin: 0 auto 20px auto;
	}
	#dirIndexQA { width: auto; }
	#searchQA {
		width: 92%;
		margin: 0 auto;
		padding: 0 2%;
		overflow: hidden;
		border: 1px solid #DDD;
	}
	#field_search_QA {
		width: 90%;
		float: none;
	}
	#btn_search_QA {
		width: 10%;
		display: block;
	}
/*****************************************
			Calendar List
*****************************************/
	#btn_calchange { margin-top: 10px; }
/*****************************************
				Mail Form
*****************************************/
	#mailform dl dt {
		width: 100%;
		float: none;
	}
	#mailform dl dd {
		width: 100%;
		float: none;
	}
	#mailform input,
	#mailform textarea,
	#mailform select {
		max-width: 98%;
	}
/*****************************************
			Google Maps View
*****************************************/
	#mapCanvas {
		margin: 0 auto 10px auto;
		padding: 1px;
		width: 99%;
		float: none;
	}
	#mapCanvas iframe { height: 300px; }
/*****************************************
				Blog
*****************************************/
	#blog {
		width: 96%;
		margin: 0 auto;
	}
/*****************************************
			Blog List
*****************************************/
	#blogListTitle {
		background-position: 50% 0;
		width: 100%;
	}
	#blogList dl { padding: 0 0 10px 0; }
	#blogList dl dt {
		width: 160px;
		height: 121px;
	}
	#blogList dl dd.blogDate { margin: 10px 0 0 170px; }
	#blogList dl dd.blogTitle { margin: 5px 0 0 170px; }
	#blogList dl dd.blogArticle { margin: 5px 0 0 170px; }
/*****************************************
			Blog Page
*****************************************/
	.blogContents {
		width: auto;
		float: none;
	}
	.blogBox img {
		max-width: 100%;
		height: auto;
	}
	#listbox { padding: 5px 0; }
	#listbox p {
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
	}
	#list_arw_left,
	#list_arw_right { width: 10%; }
	#list_arw_left { background: url(../img/blog/blog_arw_left.png) 50% 0 no-repeat; }
	#list_arw_right { background: url(../img/blog/blog_arw_right.png) 50% 0 no-repeat; }
	#list_arw_left:hover { background-position: 50% 0; }
	#list_arw_right:hover { background-position: 50% 0; }
	#selectPage {
		width: 80%;
		margin: 0;
		float: left;
		_display: inline;
		list-style: none;
		letter-spacing: -0.4em;
		text-align: center;
	}
	#selectPage li {
		width: 32px;
		height: 32px;
		margin: 0 8px 8px 8px;
		line-height: 32px;
		font-size: 100%;
	}
	#blogSide {
		width: auto;
		float: none;
	}
	#blogNews,
	#blogComment,
	#blogBack,
	#blogType { margin: 0 0 10px 0; }
	#blogNews h3,
	#blogComment h3,
	#blogBack h3,
	#blogType h3 { width: 100%; }

	/* Blog Calendar */
	#blogCalendar {
		width: 100%;
		margin: 0 0 10px 0;
	}
	#blogCalendar h3 { width: 100%; }
	#blogSide .content { display: none; }

	/* Comment */
	#blogCommentList h2,
	#blogCommentPost h2 {
		background: url(../img/blog/title_sp.png) 0 0 repeat;
		width: 94%;
		padding: 6px 3%;
	}
/*****************************************
				Comment
*****************************************/
	#blogCommentPost dl {
		background: none;
		padding: 1px 0;
		text-align: center;
		margin: 0 0 10px 0;
	}
	#blogCommentPost dl dt {
		width: 96%;
		margin: 0;
		padding: 2px 2%;
		float: none;
		text-align: left;
	}
	#blogCommentPost dl dd {
		width: 96%;
		margin: 0;
		padding: 2px 2% 8px 2%;
		float: none;
	}
	#cmt_name,
	#cmt_email,
	#cmt_url,
	#cmt_comment {
		width: 100%;
		padding: 5px 0;
	}
/*****************************************
			Blog Top
*****************************************/
	#blogTop {
		width: 100%;
		margin: 0 auto;
		padding: 15px 0;
	}
	#blogTopInner { width: 100%; }
	#blogTop dl {
		width: 96%;
		overflow: hidden;
		margin: 0 auto 18px auto;
		padding: 0;
		display: block;
		vertical-align: top;
	}
	#blogTop dl dt {
		width: 160px;
		height: 121px;
		float: left;
	}
	#blogTop dl dd.blogDate {
		position: static;
		left: 0;
		bottom: 0;
		margin: 10px 0 0 170px;
		padding: 0 10px 0 0;
	}
	#blogTop dl dd.blogTitle {
		height: auto;
		margin: 5px 0 0 170px;
		padding: 0 10px 0 0;
		font-size: 115%;
	}
	#blogTop dl dd.blogArticle {
		margin: 5px 0 0 170px;
		padding: 0 10px 0 0;
	}
	#blogTop dl dd.blogDetail {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#blogTop dl dd.blogDetail a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#blogTop dl dd.blogDetail a:hover { background: url(../../common_teijyu/img/blog/white_30.png) 0 0 repeat; }
}