@charset 'UTF-8';


/*　PC用　*/
@media screen and (min-width:768px) {
#footer .sp_footer {
	display:none;
}
#sp_menu{
	display:none;
}
}

/*　スマホ用　*/
@media screen and (max-width:767px) {

body{
/*	background-image: url(../img/parts/sp_bg.jpg) !important;*/
}

/* HEADER ==============================================*/

#header{
	width:100%;
	height:140px;
	margin-bottom:0 !important;
}
#header h1 {
   top: 5px;
   left:5px;
}
#header h1 a {
    background-image: url(../img/sp/logo.png);
    height:50px;
}
#header #utilnavi{
	display:none;
}
#header #site_search{
	display:none;
}
#header h1{
	margin-top:10px;
	width:45%;
}
#header h1 a{
	width:100%;
	background-size:contain;
	background-position:left top !important;
}
#header .tel{
	top:0px;
	right:70px;
	width:30%;
	height:60px;
	background-image: url(../img/sp/sp_h_tel.png);
	background-size:contain;
	background-position:right center;
}
#header .tel_com{
	display:none;
}
/* NAVI --------------------------------------*/
#header nav{
	width:100%;
	background-image:none;
}
#header nav ul{
	display:table;
	border-spacing: 2px 0;
    table-layout: fixed;
	width:100%;
}
#header nav ul li{
	float:none;
	display:table-cell;
}
#header #gn_00{
	display:none;
}
#header nav li a{
	width:100%;
	height:auto;
	background-image:none;
	text-indent:0;
}
#header nav li a img{
	width:100%;
	height:auto;
}

#header #spnavi{
	display:block;
	position: absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}


/* 右メニューボタン */
.sp_menu_button{
	position:absolute;
	top:10px;
	right:10px;
	display:inline-block;
	cursor:pointer;
}
.sp_menu_button img{
	width:80px;
	height:auto;
}

/* サイトマップ一覧 */
#sp_menu{
	width:100%;
	position:absolute;
	top:0;
	right:0;
	background-color:#eae8e5;
	font-size:1.2em;
	z-index:1000;
}
/*　閉じる */
#sp_menu .close_button{
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
}
#sp_menu h3{
	text-align:center;
	padding:0.5em;
	font-size:2em;
}
#sp_menu h3 img{
	width:65%;
}

#sp_menu ul{
	list-style:none;
}

#sp_menu li:first-child{
	border:none;
	border-top:1px solid #CCC;
}
#sp_menu li:first-child a:hover{
	background-color:#FFF;
}
#sp_menu ul:first-child li:first-child{
	border:none;
}


#sp_menu li{
	white-space:nowrap;
	border-top:1px solid #CCC;
}

#sp_menu li img{
	vertical-align:top;
	width:40px;
	margin-right:10px;
}
#sp_menu li a{
	padding:1em 1em 1em 15px;
	display:block;
	color:#01185e;
	font-size:1em;
	text-decoration:none;
	background-image:url(../img/icon/icon_22.gif);
	background-position:5px center;
	background-color:#DDE;
	
}



#sp_menu li a:hover{
	background-color:#FFF;
}
#sp_menu p{
	display:inline;
}

#sp_menu ul ul{
	padding:0 10px;
}


#sp_menu li li{
	border-top:1px dotted #CCC;
}
#sp_menu ul li li a{
	background-color:transparent;
	font-size:0.8em;
}

#sp_menu li li li{
	border-top:1px dotted #CCC;
}

/* サイト内検索 */
#site_search_sp {
    width: 100%;
    margin:10px auto;
    text-align:center;
}
#site_search_sp form.search {
    background-color:#eae8e5 !important;
}
#site_search_sp #query-submit {
    background-color: #2d4b9b;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    vertical-align: middle;
    height: 21px;
    width: 59px;
    background-image: url(../img/navi/site_srch_icon.gif);
    background-position: 3px center;
    text-indent: 10px;
    border: none;
    text-shadow: -1px -1px 0px #445;
    border-radius: 2px;
    -moz-border-radius: 2px:
	-webkit-border-radius:2px;
    behavior: url(css/PIE.htc);
    position: relative;
}
#site_search_sp #query-input {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width: 183px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-style: none;
    border-bottom-style: none;
    border-radius: 2px;
    -moz-border-radius: 2px:
	-webkit-border-radius:2px;
    behavior: url(css/PIE.htc);
    position: relative;
}

/* CONTENT ==============================================*/
#content{
	clear:both;
	width:100%;
}
#Larea .content_box1 .dl01 {
    clear: both;
    width: 100% !important;
}
.event_201 .content_box1 iframe{
	width:100%;
	height:300px;
}

/* FOOTER ==============================================*/

.fb-like {
	display:none !important;
}

#footer{
	margin-top:0;
}
#footer .group_bnr,
#footer .footer-box{
	width:auto;
	clear:both;
}
#footer .footer-box ul,
#footer .footer ul{
	display:none;
}

#footer .group_bnr{
	display:table;
	background-image:none;
	width:100%;
	padding:0;
	margin:auto;
	text-align:center;
}
#footer .group_bnr a{
	display:table-cell;
	margin:0;
	width:33%;
}
#footer .group_bnr img{
	width:100%;
}
#footer .logo_box{
	background-image:none;
	position:static;
	width:100%;
	padding-top:20px;
	display:table;
}
#footer .logo_box h2,
#footer .logo_box .tel,
#footer .logo_box .mail{
	display:none;
}
#footer .logo_box .portal_btn,
#footer .logo_box .bnet_btn {
	display:table-cell;
}
#footer .logo_box a img{
	width:100%;
	height:auto;
}
#footer .footer {
	background-image:none;
	margin:0;
}
#footer .copy {
	display:none;
}
#footer .sp_footer {
	clear:both;
}
#footer .sp_footer .tel,
#footer .sp_footer .mail{
	width:40%;
	margin:5%;
	float:left;
}
#footer .sp_footer h2{
	text-align:center;
}
#footer .sp_footer h2 img{
	width:70%;
}
#footer .sp_footer .copy2{
	width:100%;
	text-align:center;
}


/* 右固定メニュー */
#r_btn{
	position:static !important;
	clear:both;
}

/* 先頭へ戻る */
#r_btn .top_btn a{
	display:block;
	width:auto;
	height:auto;
	background-image:none !important;
	text-indent:0;
	background-color:#213762;
	color:#FFF;
	text-align:center;
	padding:1em;
}


}