/*//////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////smartphone表示/////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 640px) {

	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////全ページ共通/////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////////////////////*/

	/*ヘッダー*/

	#logo {
		margin:13px 0px 12px 11px;
	}

	#headBtnbox {
		display:none;
	}

	/*グローバルナビ*/

	#grobalNav ul li {
		float:none;
		width:100%;
	}

	#grobalNav ul li img, #grobalNav ul li .slideMenu {
		display:none;
	}

	#grobalNav ul li a {
		display:block;
		border-top:1px solid #333333;
		border-bottom:1px solid #CCCCCC;
		text-decoration:none;
		color:#ffffff;
		font-size:16px;
		padding:10px;
	}

	#grobalNav ul li span {
		display:block;
		background:url("../img/default/navArrow.jpg") no-repeat right center;
	}

	/*全体*/

	#main {
		padding:20px 0;
	}

	#mainbox {
		width:100%;
		padding:0;
	}

	body{-webkit-text-size-adjust: 100%;}

	/*メニューボタン*/

	#MenuListbox ul {
		width:100%;
		float:none;
		border-top:1px solid #000000;
		border-left:1px solid #000000;
		overflow:hidden;
		margin:0;
		min-height: 0px;
	}

    #MenuListbox ul.size-up01 {
        width:100%;
    }



	#MenuListbox {
		padding:0;
	}

	#MenuListbox li {
		width:50%;
		float:left;
		border-bottom:1px solid #000000;
		border-right:1px solid #000000;
		-webkit-box-sizing: border-box; /* Safari, Chrome用 */
		-moz-box-sizing: border-box; /* Firefox用 */
		-ms-box-sizing: border-box; /* IE8用 */
		box-sizing: border-box; /* CSS3（Opera用） */
		padding:5px 0;
		text-indent:5px;
	}

    #MenuListbox ul a:hover {
	    text-decoration:none;
    }

    #MenuListbox li.font-size-small a {
        font-size: 11px;
        height: 18px;
    }

    #MenuListbox li.font-size-small a span {
        font-size: 8px;
        line-height: 8px;
    }

	#MenuListbox li.no-border {
		border-bottom:none;
	}

	#MenuListbox ul a {
		font-size:12px;
		color:#000000;
		text-decoration:none;
		line-height:150%;
		display:block;
		background:url("../img/default/menuArrow.png") no-repeat right center;
	}

	#MenuListbox ul .index {
		margin-bottom:0px;
		width:100%;
	} 

	/*//////////////////////////////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////下層ページ共通////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////////////////////*/

	/*メニューボタン*/

	#headMenu {
		display:block;
		float:right;
	}

	#headMenuBtn {
		margin:10px;
		display:block;
	}

	#headMenuListbox {
		display:none;
		padding:0;
		width:100%;
		background:url(../img/default/mainBg.jpg);
        overflow: hidden;
	}

	#headMenuListbox ul {
		width:100%;
		float:none;
		border-top:1px solid #000000;
		border-left:1px solid #000000;
		overflow:hidden;
		margin:0;
	}

	#headMenuListbox li {
		width:50%;
		float:left;
		border-bottom:1px solid #000000;
		border-right:1px solid #000000;
		-webkit-box-sizing: border-box; /* Safari, Chrome用 */
		-moz-box-sizing: border-box; /* Firefox用 */
		-ms-box-sizing: border-box; /* IE8用 */
		box-sizing: border-box; /* CSS3（Opera用） */
		padding:5px 0;
		text-indent:5px;
	}

    #headMenuListbox li.font-size-small a {
        font-size: 11px;
        height: 18px;
    }

    #headMenuListbox li.font-size-small a span {
        font-size: 8px;
        line-height: 8px;
    }


	#headMenuListbox li.no-border {
		border-bottom:none;
	}


	#headMenuListbox ul a {
		font-size:12px;
		color:#000000;
		text-decoration:none;
		line-height:150%;
		display:block;
		background:url("../img/default/menuArrow.png") no-repeat right center;
	}

	#headMenuListbox ul .index {
		margin-bottom:0px;
		width:100%;
	} 

	/*サイドメニュー*/

	#normalMenu {
		display:none;
	}

	#normalContent {
		float:none;
		width:100%;
	}

	.normal #grobalNav {
	display:none;
	}

	/*メインビジュアル*/

	#mainVisialboxN .h2 {
		height:50px;
	}

	#mainVisialboxN img {
		display:none;
	}

	#mainVisialN {
		height:98px;
	}

	/*smartphone用ナビ*/

	#subNavboxS {
		display:block;
		width:95%;
		background:#ffffff;
		border:3px solid #69B4A6;
		border-radius: 10px;/* CSS3草案 */
		-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;/* Firefox用 */
		margin:0px auto 40px;
		overflow:hidden;
	}

	#subNavboxS ul {
		padding:1px 3px;
	}

	#subNavboxS ul li {
		border-bottom:1px solid #CBCCCB;
		background:url("../img/default/menuArrow.png") no-repeat right center;
		position:relative;
	}

	#subNavboxS ul li.last {
		border:none;
	}

	#subNavboxS a {
		display:block;
		padding:4px;
		color:#000000;
		font-size:14px;
		text-decoration:none;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
	}

	#subNavboxS img {
		float:left;
		margin-right:10px;
	}

	#subNavboxS h5 {
		float:left;
		height:35px;
		line-height:35px;

	}

	#subNavboxS ul li .dummyMenuS {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:#000000;
		opacity:0.7;
		border-radius: 3px;/* CSS3草案 */
		-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;/* Firefox用 */
	}
	#subNavboxS ul li .dummyMenuTxtS {
		width:130px;
		height:20px;
		position:absolute;
		top:50%;
		left:50%;
		color:#ffffff;
		margin-left:-65px;
		margin-top:-10px;
		font-size:14px;
		font-weight:bold;
		display:block;
	}
}