@charset "UTF-8";

/*------------------------------------------------------------------------------
	須山建設株式会社マンション事業部 - Tablet CSS
	URL: http://www.suyama-group.co.jp/
	Date: 2014-03-31
	Copyright (C) SUYAMA CORPORATION All Rights Reserved.
------------------------------------------------------------------------------*/

/*============================================================================================================================
	タブレット　641px以上　960px未満
============================================================================================================================*/

/*@media only screen and (orientation:portrait){*/

@media only screen and (min-width: 641px) and (max-width:960px) {
	
	
	
/*共通
------------------------------------------------*/
header .headerInner p.global {
	width:20% !important;
}
header .headerInner p.logo{
	display:none;
}
header .headerInner ul#subNav {
	width:75%;
}
header .headerInner ul#subNav li.inquiry{
	width:25%;
}
header .headerInner ul#subNav li.inquiry img{
	width:100% !important;
	height:auto;
}
#wrapperInner{
	padding:2.1%;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
#wrapperInner #siteTitle{
	margin:0 !important;
	padding:12%;
}
#wrapperInner #siteTitle img{
	width:100% !important;
	height:auto;
}
#wrapperInner #sub{
	width:25% !important;
}
#wrapperInner #main{
	width:68% !important;
}
#wrapperInner #sub #globalNav{
	width:92%;
	margin-top:4%;
}
#wrapperInner #sub #globalNav .support a{
	background-position:right 38px !important;	
}
#wrapper #main .branchArea .branchBtn{
	width:47.5% !important;	
}
#wrapper #main .branchArea .branchBtn img{
	width:100% !important;
	height:auto;
}
footer .footerInner,
footer .txtNav .txtNavInner {
	width:92% !important;
	padding:0 4%;
}
footer .txtNav .txtNavInner dl:nth-child(3){
	clear:both;
}
footer .txtNav .txtNavInner dl{
	width:45.5%;
}
/*body#home トップページ
-----------------------------------------*/
body#home .col2 {
	width:480px;
}
body#home .col2 .slider img{
}
body#home #wrapper{
}
body#home .flexslider .slides img {
	height:auto;
	display: block;
}
body#home #siteTitle{
	display:none;
}
body#home #siteTitle_tablet{
	display:block !important;
	margin:30px 0 0;
	text-align:center;
	display:none;
}
body#home #wrapper .col1 #siteTitle {
	margin:30px 0 0;
	text-align:center;
}

body#home #wrapper .col2 #charaGanko{
	display:none;
}
body#home .col1,
body#home .col2{
	height:310px;
}
body#home #wrapper .col1 #globalNav{
	margin-top:25px;
}

/*body.senior サービス付き高齢者向け住宅
-----------------------------------------*/
body#seniorIndex #wrapper #main .branchBox ul li{
	width:31.5%;
}
body#seniorIndex #wrapper #main .h3-f{
	right:2% !important;
	padding:2% !important;
}
body#seniorIndex #wrapper #main .catalog-h3-s{
	padding-right:25%;
}
body#seniorYardstick .catalog-inner img{
	width:100% !important;
	height:auto;
}
body#seniorYardstick .catalog-inner .fleft,
body#seniorYardstick .catalog-inner .fright{
	width:48% !important;
}
body#seniorFavorable .frightnone{
	width:47% !important;
}

body#seniorFavorable .frightnone img{
	width:100% !important;
	height:auto;
}
body#seniorFavorable .reno_con .catalog-inner img{
	width:100% !important;
	height:auto;
}
body#seniorFavorable .reno_con .catalog-inner table td{
	padding:0 !important;
	vertical-align:top;
	display:list-item;
	list-style:none;
}
body#seniorFavorable .reno_con .catalog-inner table tr td:first-child{
	width:35% !important;
}
body#seniorFavorable .reno_con .catalog-inner table tr td:last-child{
	width:100% !important;
	margin-bottom:4%;
}
body#seniorCaseIndex #caseList li{
	width:33% !important;
}
body#seniorCaseIndividual #main #facilitiesImage {
	width:100% !important;
}
body#seniorCaseIndividual #main table td{
	width:55% !important;
}
body#seniorCaseIndividual #main table th{
	width:22% !important;
}
/*body.blog 現場ブログ
-----------------------------------------*/
body.blog #main #mainBloglist li .photo{
	width:43%;
}
body.blog #main #mainBloglist li .boxR{
	width:55%;
}
body.blog #main #mainBloglist li .boxR .date{
	float:none;
	display:block;
	margin-bottom:2%;
}
body.blog #main #siteInfo table{
	width:47%;
}
body.blog #main #siteInfo #overseerBox{
	width:51%;
	padding:3.2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

body.blog #main #siteInfo #overseerBox .boxL{
	width:100% !important;
}
body.blog #main #siteInfo #overseerBox .boxL{
	float:none;
	margin-bottom:4%;
}
body.blog #main #siteInfo #overseerBox #phoOverseer{
	width:42%;
	float:none;
	margin:0 auto;
}

body.blog #main .entryBox .photoBox .mainPhoto{
	width:100% !important;
}
body.blog #main #siteList li .photo img,
body.blog #main .entryBox .photoBox .subPhoto{
	width:100% !important;
	height:auto;
}
body.blog #main #siteList li .photo{
	height:150px;
	width:100% !important;
	padding:0 !important;
}
body.blog #main #siteList li{
	width:47%;
}
/*body.solar 太陽光発電
-----------------------------------------*/
body#solarIndex #wrapper #main .branchBox ul li{
	width:31.5% !important;
}
body#solarIndex #wrapper #main img{
	width:100% !important;
	height:auto;
}
body#solarMerit #main h2{
	background-image:none;
}
body#solarMerit #main h2 span{
	width:55px;
	
}
body#solarMerit #main .reno_con .frightnone img{
	width:100% !important;
	height:auto;
}
body#solarMerit #main .frightnone img{
	width:100% !important;
	height:auto;
}
body#solarSimulation #main img{
	width:100% !important;
	height:auto;
}
body#solarMansion .reno_con .frightnone img,
body#solarMansion .reno_con .fleftnone img{
	width:100% !important;
	height:auto;
}
/*body.renovation リノベーション
-----------------------------------------*/

body#renovationIndex #main img{
	width:100% !important;
	height:auto;
}
body#renovationIndex #main .fleft{
	width:100% !important;
}
body#renovationIndex #main .reno_list ul{
	width:45.5% !important;
	margin-right:0 !important;
	float:left;
}
body#renovationImage #main img{
	width:100% !important;
	height:auto;
}
body#renovationImage #main h2 img{
	width:27% !important;
	height:auto;
	line-height:1;
	vertical-align:middle;
}
body#renovationIndoor .reno_con .frightnone,
body#renovationIndoor .reno_con .fleftnone {
	width:100%;
}

/*body.support アフターメンテナンス・サポートについて
-----------------------------------------*/
body#supportPiriodic #main p:last-child img,
body#supportPiriodic #main p.lead+p img{
	width:100% !important;
	height:auto;
}
body#supportMaintain #main .fleft60{
	margin-right:3.2% !important;
}
body#supportMaintain #main .fright30{
	width:29%;
}
body#supportMaintain #main .fright img,
body#supportMaintain #main .fright30 img{
	width:100% !important;
	height:auto;
}
body#supportMaintain #main table#fire{
	width:60%;
}
body#supportMaintain #main .fright{
	width:37%;
}
body#supportService .reno_con div .minicatalog-h3 br{
	display:none;
}
body#supportService #main img{
	width:100% !important;
	height:auto;
}

/*body#landManagementIndex 賃貸マンション経営
-----------------------------------------*/
body#landManagementIndex #main #suyamaLease .floatL{
	width:67%;
}
body#landManagementIndex #main #suyamaLease .floatR{
	width:32%;
}
body#landManagementIndex #main #suyamaLease .floatR img{
	width:100% !important;
	height:auto;
}
body#landManagementIndex #main .tabControl li{
	width:31% !important;
}
body#landManagementIndex #main .tabControl li a{
	padding:7% 12% !important;
}
body#landManagementIndex #main .tabControl li.selected a{
	padding:9.5% 12% !important;
}
body#landManagementIndex #main .tabContent img{
	width:100% !important;
	height:auto;
}
body#landManagementIndex #main .tabContent img.floatR{
	width:32% !important;
	height:auto;
}
body#landManagementIndex #main #tabArea #needs .fleftnone{
	width:61%;
}
body#landManagementIndex #main #tabArea #needs .frightnone{
	width:32% !important;
}
/*body#landLineupRewardIndex　リワードV
-----------------------------------------*/
body#landLineupRewardIndex #main .slides li img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardIndex #galleryBranch dl dt{
	width:35% !important;
}
body#landLineupRewardIndex #galleryBranch dl dt img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardIndex #galleryBranch dl dd{
	width:60% !important;
}
body#landLineupRewardConcept1 #main .mb20{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
	background-size:100% auto;
	width:100% !important;
	padding-left:12%;
	padding-top:0;
} 
body#landLineupRewardConcept1 #main img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept1 #main .fleft{
	width: 65%;
}
body#landLineupRewardConcept1 #main .fright{
	width:32%;
}
body#landLineupRewardConcept1 #main .fleft04{
	width:27%;
}
body#landLineupRewardConcept2 .frightnone img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept2 .mitorizu{
	width:100% !important;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
body.reward #main .concept_outer .fright img,
body.reward #main a#photo img:first-child{
	width:100% !important;
	height:auto;
}
body.reward #main .concept_outer .fright{
	width:48.5%;
}
body#landLineupRewardConcept2 #main .mitorizu_mini .icoEnlarge{
	right:30%;
}
body#landLineupRewardConcept3 #main #planBox01{
	padding:0 8%;
}
body#landLineupRewardConcept3 #main .mitori2{
	width:auto;
}
body#landLineupRewardConcept3 #main .mitori3{
	width:91% !important;
	min-height:280px;
}
body#landLineupRewardConcept3 #main .mitori4{
	width:91% !important;
	min-height:220px;
}
body#landLineupRewardConcept3 #main .t_c .alignC img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main .t_c table th,
body#landLineupRewardConcept3 #main .t_c table td{
	word-break:break-all;
}
body#landLineupRewardConcept3 #main .slider img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main .slider li{
	margin-bottom:7% !important;
}
body#landLineupRewardConcept3 #main .flexslider{
	width:45%;
}
body#landLineupRewardConcept3 #main #sink{
	width:47% !important;
	float:right;
}
body#landLineupRewardConcept3 #main .block_m24R{
	width:auto !important;
	float:none;
}
body#landLineupRewardConcept3 #main .block_m24R .mb50{
	clear:both;
}
body#landLineupRewardConcept3 #main .block_m24R img.mb50{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main .block_m24R .mb10 .floatR{
	clear:both;
	float:left !important;
	width:45%;
}
body#landLineupRewardConcept3 #main .block_m24R .mb10 .floatL{
	float:right !important;
	width:45% !important;
}
body#landLineupRewardConcept3 #main .block_m24R div#colorBox01{
	float:right !important;
	width:47% !important;
	margin-top:-230px;
}
body#landLineupRewardConcept3 #main .block_m24R div#colorBox01 .floatR,
body#landLineupRewardConcept3 #main .block_m24R div#colorBox01 .floatL{
	float:none !important;
}

body#landLineupRewardConcept3 #main .block_m24R div#colorBox01 .floatR{
	width:100%;
}
body#landLineupRewardConcept3 #main .block_m24R div#colorBox01 .floatL{
	width:100% !important;
}
body#landLineupRewardConcept3 #main .block_m24R .mb10 img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main .block_m24R div#colorBox01+h4{
	clear:both;
}
body#landLineupRewardConcept3 #main #washstandArea .block_m24R{
	width:50% !important;
	float:right;
}
body#landLineupRewardConcept3 #main #washstandArea .block_m24R img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main #washstandArea .block_m24R img.mb50{
	margin-bottom:3.2% !important;
}
body#landLineupRewardConcept3 #main #swichArea{
	width:54%;
	float:right;
}
body#landLineupRewardConcept3 #main #swichArea .floatR{
}
body#landLineupRewardConcept3 #main #swichArea .floatL{
	width:60% !important;
}
body#landLineupRewardConcept3 #main #swichArea .floatL img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main #swichArea .mb50,
body#landLineupRewardConcept3 #main #swichArea img.floatL{
	width:100% !important;
}
body#landLineupRewardConcept3 #main .reno_con .fright-phot4,
body#landLineupRewardConcept3 #main .reno_con .fleft-phot4{
	width:100% !important;
	float:none;
}
body#landLineupRewardConcept3 #main .reno_con .fright-phot4 .phot-title br,
body#landLineupRewardConcept3 #main .reno_con .fleft-phot4 .phot-title br{
	display:none;
}
body#landLineupRewardConcept3 #main .reno_con .fright-phot4 .mb20,
body#landLineupRewardConcept3 #main .reno_con .fleft-phot4 .mb20{
	width:40% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main .reno_con .fright-phot4 p,
body#landLineupRewardConcept3 #main .reno_con .fleft-phot4 p{
	width:55%;
	float:right;
}
body#landLineupRewardConcept3 #main .reno_con .fright-phot4 .phot-title,
body#landLineupRewardConcept3 #main .reno_con .fleft-phot4 .phot-title{
	float:none;
	width:100% !important;
	clear:both;
}
body#landLineupRewardConcept3 #main #ecoArea .reno_con{
	padding-top:3.2%;
	border:1px solid #E6E2DF;
	border-top:none;
	border-radius:0px 0px 5px 5px;
}
body#landLineupRewardConcept3 #main #slidingBox img{
	width:60% !important;
	padding-left:3.2%;
}
body#landLineupRewardConcept3 #main #floor img.floatR{
	width:40% !important;
	height:auto;
	margin-top:-220px;
	padding-left:3.2%;
}
body#landLineupRewardConcept3 #main #floor .mr15 br{
	display:none;
}
body#landLineupRewardConcept3 #main #doorBox{
	width:55% !important;
}
body#landLineupRewardConcept3 #main .doorTip img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept3 #main #doorBox .doorTip{
	width:46%;
	margin-right:3.2%;
}
body#landLineupRewardConcept3 #main .secur .fleft{
	margin-top:130px;
}
body#landLineupRewardConcept4 #main .mb50 img,
body#landLineupRewardConcept4 #main .mb30 img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept4 #main .fleft003 {
	width:31.5%;
}
body#landLineupRewardConcept4 #main #fortuneSupport .fleft-phot3{
	width:33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
body#landLineupRewardConcept4 #main #fortuneSupport .fleft-phot3 img{
	width:100% !important;
	height:auto;
}
body#landLineupRewardConcept4 #main .fleft003 {
	min-height: 310px;
}


body.reward #wrapper #main .branchBox ul li {
width: 23.1%;
}

ody.area #wrapper #main h3{
	font-size:1.0rem;
}
body#eventIndex #firstEntry img,
body#informationIndex #firstEntry img{
	width:100% !important;
	height:auto;
}
body.event #main .entryBox,
body.event #main .localNavi,
body.event #main #informationList,
body.information #main .entryBox,
body.information #main .localNavi,
body.information #main #informationList{
	width:100%;
}
body.event #main .localNavi,
body.information #main .localNavi{
	margin-top:0;
}
body.inquiry #main img{
	width:100% !important;
	height:auto;
}

body#solarAmount #main table{
	font-size:0.5rem;	
}

body#solarAmount #main table th,
body#solarAmount #main table td{
	padding:0;	
}

body#solarAmount #main p img{
	width:100% !important;
	height:auto;
}

/*@media only screen and (min-width: 641px) and (max-width:810px) {
header .headerInner ul#subNav li.company,
header .headerInner ul#subNav li.sitemap{
	display:none;
}
}*/
/*@media only screen and (min-width: 641px) and (max-width:835px) {
body#home #mainVisual .col1 {
	width:480px !important;
	height:230px;
}
body#home #wrapper .col1 #globalNav{
	border:none;
	overflow:hidden;
	margin-left:0;
	width:100% !important;
}
body#home #wrapper .col1 #globalNav li{
	width:47.5%;
	float:left;
}
body#home #wrapper .col1 #globalNav li:nth-child(even){
	float:right;
}
body#home #wrapper .col1 #globalNav li:nth-child(3) a,
body#home #wrapper .col1 #globalNav li:nth-child(4) a{
	border-bottom: 1px solid #e6e2df;	
}
}*/

/* 横向き
--------------------------------------------------------------------------------------------------------------------- */
@media only screen and (orientation : landscape){
/*body#sitemapIndex サイトマップ
-----------------------------------------*/
body#sitemapIndex #main dl {
	width:47.5%;
}
}