@charset "UTF-8";

/**
 *
 * レスポンシブウェブデザイン用
 *
**/

/**
 * タブレット端末用
**/

@media only screen and (min-width: 651px) and (max-width: 960px) {
	body {
		padding: 0;
		-webkit-text-size-adjust: none;
		font-size: 75%;
	}

	#header #navi ul li {
		width: 22%;
	}

	#header #navi ul li a {
		font-size: 11px;
	}

	#home_content .bnr_01 {
		width: 43%;
		height: auto;
	}
	
	#home_content .bnr_02 {
		width: 43%;
		height: auto;
	}

	#footer .site_link {
		padding: 14px 0 60px 0;
	}

	#privacy_mark {
		margin: 0;
		position: absolute;
		bottom: 10px;
		left: inherit;
		right: 10px;
	}

.tab_disp {
	display: block;
}

.sp_tab_disp {
	display: block;
}

}


/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 650px) {
	body {
		padding: 0;
		-webkit-text-size-adjust: none;
		font-size: medium;
	}


/**
 * ページトップ
**/

	#pagetop {
		/*bottom: 5px;*/
		right: 5px;
	}

	#pagetop img {
		width: 60px;
		height: 60px;
	}

/**
 * ヘッダー
**/

	#header {
		display: none;
	}


	.icon_t.sogo_head {
		position: absolute;
		top: 10px;
		right: 59px;
		left: inherit;
	}

	.icon_f.sogo_head {
		position: absolute;
		top: 10px;
		right: 20px;
		left: inherit;
	}

/**
 * メニュー
**/

	#sp_menu {
		display: block;
		overflow: hidden;
		padding-top:35px;
	}

	#sp_menu .btn {
		margin: 9px 12px 10px 0;
		float: right;
		display: inline;
	}

	#sp_menu ul {
		font-size: 12px;
		display: none;
		clear: both;
	}

	#sp_menu ul li {
		border-bottom: 1px solid #999999;
	}

	#sp_menu ul li a {
		padding: 5px;
		text-decoration: none;
		color: #ffffff;
		background: #666666;
		display: block;
	}

/**
 * PC・タブレットディスプレイ
**/

	.pc_disp {
		display: none;
	}
	
	.sp_disp {
		display: block;
	}

	.tab_disp {
		display: none;
	}

	.sp_tab_disp {
		display: block;
	}


/**
 * ホーム
**/
	#home_content {
		padding: 22px 0 0 0;
		width: 100%;
		max-width: inherit;
		height: auto;
		text-align: center;
		position: static;
	}
	
	#home_content.old * {
		position: static !important;
	}
	
	#home_content h1 {
		margin: 0 auto 18px auto;
		text-align: center;
	}
	
	#home_content h1 a {
		display: inline-block;
		*display: inline;  
		*zoom: 1;
	}
	
	#home_content h1 img {
		margin: 0 auto 0 auto;
		width: 182px;
		height: auto;
		display: block;
	}
	
	#home_content .bnr_link_01 {
		margin: 0 auto 8px auto;
		width: 265px;
		display: block;
	}
	
	#home_content .bnr_link_02 {
		margin: 0 auto 70px auto;
		width: 265px;
		display: block;
	}


/**
 * フッター
**/
	#footer .wrap {
		max-width: inherit;
	}

	#footer .wrap .logo_box {
		padding: 15px 0 0 6px;
		width: 100%;
		box-sizing: border-box;
		float: none;
	}

	#footer .wrap nav li {
		padding: 5px 0 5px 33px;
	}

	#footer .site_link {
		padding: 14px 0 5px 0;
		font-size: 11px;
		text-align: left;
		border-top: 1px dotted #666666;
	}
	
	#footer .site_link li {
		padding: 0 0 5px 33px;
		line-height: 120%;
		border-left: none;
		display: block;
	}

	#privacy_mark {
		margin: 0 0 10px 0;
		position: relative;
		bottom: auto !important;
		left:auto !important;
		right: auto !important;
	}
	#privacy_mark img{
        margin: auto;
    }

	#footer .wrap .logo_box .f_logo{
		width:65%;
		float:left;
		max-width:208px;
	}

	#footer .wrap .logo_box .f_logo img{
		width:100%;
		height:auto;
	}

#footer .wrap .logo_box .kansai{
	display:block;
	overflow:hidden;
	float:right;
	margin-right:10px;
	width:30%;
}

#footer .wrap .logo_box .kansai a{
	padding:5px 0;
	width:100%;
	background: #E57B7F;
	color:#fff;
}

#footer .wrap nav{
	clear:both;
}

.kansai.sogo{
width: 245px;
position: static;
margin:0 auto 40px;
}

#home_content .bnr_link_02.mb30{
	margin-bottom:30px;
}

.sns_wrap{
	margin-bottom:10px;
}

.f_a_twitter{
	clear: both;
	margin-bottom: 10px;
	width: 30px;
	height: 30px;
}

}