@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 * responsive.css
 *
 */

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

	.page {
			min-width: 100%;
	}
	/* img */
	img {
		max-width: 100%;
	}


/* wrap */
	.wrap {
		width: 100%!important;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	#container .wrap {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
}
/* @media 1300 END */

/* @media 960 START */
@media only screen and (max-width:960px) {
	body .contactList dl dd ul li .telLink span {
		position: static;
	}
}
/* @media 960 END */

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

	.page {
		position: relative;
	}

	.Mttl span {
		display: block;
		padding-left: 0;
		padding-top: 5px;
	}

/* cNav */
	
	.cNav ul li {
		display: block;
		margin-left: 0;
		margin-right: 0;
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: left;
	}

/* pinch */
	body .pinch .pinchIcon {
		display: block;
	}
	


/* tableList */
	table.tableList th,
	table.tableList td {
		width: 100%!important;
		display: block;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	table.tableList th {
		border-right: 0;
	}



	body #gHeader .logoArea .logoBox {
		float: none;
		width: 100%;
		clear: both;
	}
	body #gHeader .siteTitle {
		float: none;
		width: 100%;
		clear: both;
		text-align: center;
	}
	body #gHeader .shldrTxt {
		display: none;
	}
	body #gHeader #pNav {
		display: none;
	}

	body .gnav ul {
		border-left: 0;
	}
	body .gnav ul li {
		width: 100%;
		float: none;
		clear: both;
		border-right: none;
		border-bottom: 1px solid #fff;
	}
	body .gnav ul li a {
		background-color: #48ae6e;
		color: #fff;
		padding-left: 0;
	}

	body .gnav ul li.hasNav a {
		position: relative;
	}
	body .gnav ul li.hasNav span.icon-plus2,
	body .gnav ul li.hasNav span.icon-minus2 {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -11px;
		font-size: 20px;
		line-height: 23px;
	}
	body .gnav ul li.hasNav span.icon-plus2 {
		display: block;
	}
	body .gnav ul li.hasNav.active span.icon-plus2 {
		display: none;
	}
	body .gnav ul li.hasNav.active span.icon-minus2 {
		display: block;
	}

	body .gnav .sNav .inner {
		margin-left: 0;
		margin-right: 0;
	}
	body .gnav .sNav {
		background-color: #c2dfc2;
		padding: 10px;
		text-align: center;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .gnav .sNav dl dt {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding-left: 20px;
		font-size: 12px;
		line-height: 20px;
	}
	body .gnav .sNav dl dt a {
		padding-left: 0;
	}
	body .gnav .sNav dl dd {
		float: none;
		clear: both;
		width: 100%!important;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		font-size: 12px;
		line-height: 20px!important;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .gnav .sNav dl dd a {
		padding-left: 0;
	}
	body .gnav .sNav dl dd .thum {
		display: none;
	}
	body .gnav .sNav dl span {
		padding-left: 0;
	}
	body .gnav .sNav dl span:before {
		color: #333;
	}
	body .gnav ul li .sNav dl a,
	body .gnav ul li.active .sNav dl a,
	body .gnav ul li.active .sNav dl a:hover,
	body .gnav ul li.active .sNav dl .on a span {
		background-color: #c2dfc2!important;
		color: #000;
		font-weight: bold;
	}
	body .gnav ul li.active .sNav dl .on a,
	body .gnav ul li.active .sNav dl .on a span {
		color: #48ae6e;
	}

	body .gnav .sNav {
		position: static;
	}


	body #container {
		padding-bottom: 0;
	}

	body #container .pankuzu ul li {
		margin-bottom: 10px;
	}

	body #fNav.gnav {
		display: block;
	}

	body .gnav ul li.contact,
	body .gnav ul li.privacy,
	body .gnav ul li.sitemap {
		display: block;
	}

	body #SiteMapFooter {
		position: static;
		padding-top: 15px;
	}
	body #SiteMapFooter .pagetop {
		position: fixed;
		bottom: 0;
		top: inherit;
		z-index: 6666;
		opacity: 0.8;
	}
	body #SiteMapFooter .inner {
		display: none;
	}
	body #SiteMapFooter .bnrArea {
		padding-top: 0;
		border: none;
	}
	body #SiteMapFooter .bnrArea ul li {
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		text-align: center;
	}
	body #SiteMapFooter .bnrArea ul li img {
		max-width: 100%;
	}

	body #GroupArea h4 {
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
	}
	body #GroupArea .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	body #GroupArea .list {
		margin-left: 0;
		margin-right: 0;
	}
	body #GroupArea .list ul li {
		float: none;
		clear: both;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}



	/* カラムレイアウト　clmBox */
	.clmBox .clm1 {
		float: none;
		clear: both;
		width: 100%!important;
		margin-bottom: 20px;
	}

	.clmBox .clm2 {
		float: none;
		clear: both;
		width: 100%!important;
		padding: 0!important;
	}

	/* カラムレイアウト 埋め込みバージョン　clmBox.layout1 */
	.clmBox.layout1 .clm1 {
		float: none;
		padding: 0;
	}


	/* カラムリストレイアウト */
	body .clmList {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	body .clmList ul li {
		margin-left: 0!important;
		margin-right: 0!important;
		width: 100%!important;
	}
	body .clmList ul li .photo {
		width: 100%!important;
		height: auto!important;
	}


	/* sbTitle */
	body .sbTitle ul li {
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}


	/* contactList */
	body .contactList dl dt {
		float: none;
		width: 100%;
		clear: both;
		height: auto!important;
		padding: 25px 20px;
		font-size: 16px;
		line-height: 22px;
	}
	body .contactList dl dd {
		float: none;
		width: 100%;
		padding: 20px 20px;
		text-align: center;
	}
	body .contactList dl dd h4 {
		float: none;
		width: 100%;
		clear: both;
	}
	body .contactList dl dd ul li .telLink {
		float: none;
		/*position: static;*/
		padding-left: 0;
		text-align: center;
	}
	body .contactList dl dd ul li .telLink span {
		/*position: static;*/
	}
	body .telLink a {
		position: static;
		top: 0;
		left: 0;
		display: inline-block;
		width: auto;
		height: 100%;
	}
	body .contactList dl dd .inner {
		height: auto!important;
	}

	body .contactList dl.building dd ul li {
		float: none;
		width: 100%;
		clear: both;
	}

	/* contactList.linkOn */
	body .contactList.linkOn dl dt {
		width: 100%;
		clear: both;
		float: none;
	}
	body .contactList.linkOn dl dd {
		width: 100%;
		clear: both;
		float: none;
	}
	body .contactList.linkOn dl dd .inner .btLink03 {
		position: static;
		margin-top: 20px;
	}
	body .contactList.linkOn dl dd .inner .btLink03 a {
		width: 100%;
		padding: 14px 20px;
		display: block;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}

}
/* @media 667 END */