@charset "utf-8";

@media screen and (max-width: 640px) and (orientation:portrait){
	body{
		font-family: Arial,Meiryo,sans-serif;
	}
	
	img.Logo.Pc{ display:none }
	.Logo.Sp{ display:block }
	.Logo.Sp{
		width: 100%;
		min-height: 66px;
    background-size: 100%;
    background-repeat: no-repeat;
		position: fixed;
		z-index: 100;
	}
	
	
	.mobileMenu{
		display: block;
    z-index: 11000;
    position: absolute;
    top: 11px;
    right: 0;
    width: 60px;
    height: 60px;
	}

	ul.menuCommon.active {
		display:block;
	}
	ul.menuCommon{
		width: 100%;
        position: fixed;
    top: 65px;
    border-bottom: 1px solid rgba(27, 27, 27, 0.25);
    box-shadow: 0 7px 21px -4px rgba(10, 9, 10, 0.29);
    left: 0;
    right: 0;
    padding: 0;
    margin-top: 0px;
    padding-top: 0;
    margin-bottom: 0;
    z-index: 100;
	}
	ul.menuCommon ul,
	ul.menuCommon li{
		list-style:none;
	}
	ul.menuCommon {
		padding-bottom:0;
		background-color:#fff;
		display:none;
		text-align:center;
	}
	ul.menuCommon li{
		margin-bottom: 1px;
    background-color: rgba(234, 233, 233, 0.42);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f6f6));
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 27px;
    width: 49%;
    margin-left: 0.5%;
    float: left;
	}
	ul.menuCommon li.last{
		width: 99%;
	}
	ul.menuCommon li a{
		display: block;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
	}
	ul.menu li a.on{
		background-color: rgba(204, 204, 204, 0);
	}
	
	
	#DOCUMENT {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-color: #FFF;
	}
	#DOCUMENT img.Logo{
		width: 100%;
		height:auto
	}
	#DOCUMENT ul#NAVIGATION{ 
		/*display:none*/
		width:100%;
		padding: 0;
	}
	#DOCUMENT ul#NAVIGATION li{ 
		display:none
	}
	#CENTER{
		float: left;
    width: 100%;
    top: 10px;
    position: relative;
		    margin-bottom: 50px;
	}
	#CENTER p.Bnr{
		text-align:center
	}
	#CENTER p.Bnr img{
		width:96%!important;
		height:auto
	}
	#LEFT{ display:none}
	#LEFT, #RIGHT{
		float:right;
		width:100%;
	}
	
	#LEFT .Boxx{
		width: 96% !important;
	}
	#LEFT .Boxx img{
		width:95%;
		height:auto
	}
	#LEFT .Bnr,
	#LEFT .bBannerBox{
		width: 96% !important;
		padding:1% !important;
	}
	#LEFT .Bnr img,
	#LEFT .bBannerBox img{
		width: 80%;
		height:auto
	}
	#LEFT .bBannerBox img{
		width: 84%;
	}
	#LEFT .bBannerBox a{
		width: auto;
    height: auto;
    float: none;
	}
	
	#LEFT, #RIGHT{
		padding:0;
		padding-left:8%;
		padding-right:8%;
		width:84%;
		text-align: center;
		margin-top: 40px;
    border-top: 1px solid #ccc;
    padding-top: 25px;
	}
	#RIGHT img.Bnrr{
		width:100%;
		height:auto;
		border: 3px double #fbac85;
    border-radius: 5px;
	}
	/*Kurume*/
	#LEFT form{
		border: 3px solid #AFDCDC;
    background-color: #E4FCFC;
		width:95%;
	}
	#LEFT ul#SClist{
		width: 95%;
	}
	#LEFT ul#SClist li,
	#LEFT ul#SClist li a{
		width: 100%;
		border-radius: 5px;
	}
	#LEFT ul#SClist li{
		margin-top: 5px;
	}
	
	#CENTER p.Bnr img{
		width:100%;
		height:auto
	}
	
	#CENTER img.news,
	#CENTER img.cont{
		width: 96%;
		margin-left: 2%;
	}
	#CENTER dl#BOX_News{
		width: 96%;
    height: auto !important;
    padding-left: 2%;
    padding-right: 2%;
		font-size: 14px;
    line-height: 165%;
	}
	#CENTER dl.index_service{
		width:46.5%;
		margin-left:2%;
	}
	#CENTER dl.index_service dt img{
		width:100%;
		height:auto
	}
	#RIGHT img.Center{
	margin-left: auto;
    margin-right: auto;
    display: block;
	}
	
	
	/*Footer*/
	#FOOT {
    width: 98%;
    padding: 1%;
    height: auto;
    overflow: hidden;
	}
	#FOOT .Txt{
		float: none!important;
		width: 94% !important;
    padding: 2%;
	}
	#FOOT .Host{
	  float: none!important;
    width: 96%!important;
    text-align: center;
    font-size: 11px;
    color: #ccc;
    border-top: 1px solid #cccccc7a;
    padding-top: 12px;
    margin-top: 12px;
	}
	#FOOT .Addr{
		width: 94% !important;
    padding: 2%;
		font-size: 11px;
	}
	
	/*TOP*/
	body.Top{
		font-size:14px; 
		line-height:165%
	}
	#BOX_News dd img{
		width:100%;
		height:auto
	}
	
	
	/*センター概要*/
	body.About{
		font-size:14px; 
		line-height:165%
	}
	#CONTENTS{
		width: 96%;
		margin-left:2%;
    float: left;
    position: relative;
    top: 20px;
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	#CONTENTS img.w100{
		width:100%;
		height:auto
	}
	#CONTENTS .Tbl td{
		width:97%;
		float:left;
		line-height:165%;
	}
	#CONTENTS .mb_30{ margin:0}
	
	/*入会*/
	body.Info{
		font-size:14px; 
		line-height:165%
	}
	#CONTENTS .mb_30 img{
		max-width:100%;
	}
	#CONTENTS .mb_30 table{
		width:100%;
	}
	/*Kurume*/
	#CONTENTS .stepList .text{
		width:100%;
	}
	
	/*事業概要*/
	body.Benefit{
		font-size:14px; 
		line-height:165%
	}
	#CONTENTS dl#BOX_Commons{
		width:98%;
		margin-left:1%;
		padding:0;
		margin-top:12px;
	}
	#CONTENTS dl#BOX_Commons p,
	#CONTENTS dl#BOX_Commons p span{
		font-family: Arial,Meiryo,sans-serif!important;
	}
	
	#CONTENTS dl#BOX_Commons dt{
		width:95%;
	}
	#CONTENTS dl#BOX_Commons dd{
		width:100%;
	}
	
	body.Benefit dl#BOX_Commons table{
		display: block;
    width: 100%!important;
    overflow-x: auto;
		border-collapse: collapse;
    border-spacing: 0;
	}
	body.Benefit dl#BOX_Commons table td{
		white-space: nowrap; 
	}
	
	/*新着*/
	body.News{
		font-size:14px; 
		line-height:165%
	}
	
	/*問い合わせ*/
	#CONTENTS table.Frm{
		width:86%;
	}
	#CONTENTS table.Frm td{
		width:72%;
		float:left;
	}	
	#CONTENTS table.Frm.Kurume td{
		width:82%;
	}
	#CONTENTS table.Frm.Kurume2 td{
		width:106%;
	}
	
	#CONTENTS table.Frm input{
		max-width:96%;
		font-size:13px;
		line-height:145%;
		padding:5px;
	}
	#CONTENTS table.Frm select{
		max-width:96%;
		font-size:13px;
		line-height:145%;
		padding: 5px;
    padding-top: 4px;
    padding-bottom: 8px;
	}
	#CONTENTS table.Frm textarea{
		max-width:96%;
		font-size:13px;
		line-height:145%;
		padding:5px;
	}
	#CONTENTS table.Frm td.table_color01{
		background: #e1def3;
	}
	
	/*施設*/
	
	#CONTENTS .pkz_box{
		width:99%;
	}
	#CONTENTS .mNaviBox{
		width:98%;
	}
	#CONTENTS .mNaviBox .mNaviBoxCat,
	#CONTENTS .mNaviBox .mNaviBoxCat1{
		width: 39.5%;
    line-height: 15px;
    min-height: 29px;
    vertical-align: middle;
    border-radius: 4px;
    background-position: left 3px center;
		position: relative;
	}
	#CONTENTS .mNaviBox .mNaviCatMenu{
		position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	#CONTENTS .mNaviBox .mNaviCatMenu a{
		font-size:13px;
	}
	
	#CONTENTS #paging{
		width:98%;
		line-height: 26px;
		border-radius: 3px;
	}
	
	#CONTENTS table.List{
	}
	#CONTENTS table.List td.Img{
		width:25%;
		float:left;
		margin:0;
		margin-right:2%;
	}
	#CONTENTS table.List td.Img img{
		width: 100%;
    height: auto;
    border-radius: 3px;
    border: 1px solid #eee;
    padding: 3%;
	}
	#CONTENTS table.List td.Txt{
		width:70%;
		float: left;
		margin:0;
	}
	#CONTENTS table.List .mNavi_knet,
	#CONTENTS table.List .mNavi_knet table{
		width:100%;
		border-radius: 3px;
	}
	#CONTENTS table.List .mNavi_knet table{
		font-size: 11px;
    line-height: 130%;
	}
	#CONTENTS table.List .mNavi_knet table td{
		vertical-align: top;
	}
	#CONTENTS table.List h2.subtitle{
		font-size:14px;
	}
	#CONTENTS table.List .service_read{
		border:none;
		padding:0
	}
	#CONTENTS table.List #mNaviCat_title_area{
		display: inline-block;
    margin-bottom: 5px;
	}
	#CONTENTS table.List #mNaviCat_title_txt{
		width: 60%;
    display: inline-block;
	}
	
	/*詳細*/
	#CONTENTS #cms_itemBar {
    width: 88%;
    background-size: 100%;
    padding-top: 14px;
    padding-bottom: 2px;
    padding-left: 8%;
	}
	#CONTENTS #cms_itemBar .titleBox,
	#CONTENTS #cms_itemBar .subtitle{
		margin-top: 14px;
	}
	#CONTENTS #cms_itemBar .titleBox.first{
		margin-left: -20px;
	}
	
	#CONTENTS #cms_itemA{
		width: 94%;
    margin-left: -1%;
    background-image: url(//cms.fcf.or.jp/_images/i/title_box1_sp.gif);
    background-size: 100%;
	}
	#CONTENTS #cms_item{
		background-image:none;
		width: 98%;
    padding: 0;
	}
	#CONTENTS #cms_item table.Detail{
		width: 100%;
	}
	#CONTENTS #cms_item table.Detail td.Big{
		width: 100%;
		float:left
	}
	#CONTENTS #cms_item table.Detail td.Big img{
		width:100%;
		height:auto;
		padding: 0;
    margin-bottom: 5px;
	}
	#CONTENTS #cms_item table.Detail td.Small{
		width: 100%;
		float:left
	}
	#CONTENTS #cms_item table.Detail td.Small .Img{
		width: 49.2%;
    padding: 0;
    height: auto;
    float: left;
	}
	#CONTENTS #cms_item table.Detail td.Small .Img:first-child{
		margin-right:1.5%;
	}
	#CONTENTS #cms_item table.Detail td.Small .Img img{
		width: 100%;
    padding: 0;
    height: auto;
	}
	#cms_item .caption{
		margin-top:5px;
	}
	
	#CONTENTS #cms_item table.DetailTxt td{
		width: 100%;
		float:left
	}
}

/*横*/
@media only screen
and (min-device-width:320px)
and (max-device-width:640px)
and (orientation:landscape) {
	
}


/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px){
	.footer .fLeft,
	.footer .fRight .menu li a {
    font-size: 12px;
	}
}

/* iPhone6のみ */
@media screen and (min-width: 375px) and (max-width: 413px){
}
@media only screen
and (min-device-width:569px)
and (max-device-width:667px)
and (orientation:landscape) {
	
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px){
}

/* tablet(iPad)  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	body{
		zoom: 0.68;
	}
	
}
/* tablet(iPad Pro)  */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	body{
		zoom: 0.8;
	}
	
}