/* ------------------------------------------------------------------------
     スマホ用スタイルシート
------------------------------------------------------------------------ */
@media screen and (max-width:468px){

/* ヘッダ
------------------------------------ */
#header{
background-image: none;
min-height:48px;
}

#header:after{  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}  

#header-inner{
display:none;
}
#bannerheader {
min-width: auto;
}

#header-inner_mobile{
display:block;
width: 100%;
padding:0;
background-color: #004BC8;
box-shadow: 0px 1px 1px #888888;
position:fixed;
z-index:3;
}

#header-inner_mobile:after{  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

#header-inner_mobile .logo{
max-width:60%;
margin: 10px 0 0 10px;
float:left;
}

#header-inner_mobile .logo img{
width: 100%;
margin:0px;
}

/* メニュー
------------------------------------ */
#header-inner_mobile .mobile_menu{
float:right;
margin:10px;
}

.mobile_menu a, .mobile_menu .paradeiser_dropdown {
text-decoration:none;
}

.mobile_menu .paradeiser_icon_canvas {
color:#f0f4fa;
line-height:1.0;
padding:5px;
border:#f0f4fa solid 1px;
display:block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.mobile_menu span {

}

.mobile_menu span.paradeiser_dropdown {
  margin-top: 0;
}
.mobile_menu span.paradeiser_dropdown > a {
  width: 100%;
}

.mobile_menu ul {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
  pointer-events: none;
  overflow: scroll;
}
.mobile_menu ul:target, .paradeiser ul.open {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
  pointer-events: auto;
}
.mobile_menu ul li {
  display: inline-block;
  width: 100%;
  background: #4a4a4a;
  text-align: center;
  border-top:#aaaaaa 1px solid;
}
.mobile_menu ul li a {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  color: #fff;
  font-size: 15px;
}
.mobile_menu ul li a:hover, .paradeiser ul li span:hover {
  background: #575757;
}
.mobile_menu ul li:last-child {
  background:#000;
  height: 50%;
}
.mobile_menu ul li:last-child a {
  display: block;
}

#header-inner_mobile .mobile_menu select{
margin-left:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:0;
}

#header-inner_mobile .mobile_menu select OPTION{
height:25px;
}

.mobile_menu .top01{
background: transparent;
padding:0;
text-align:right;
}
.mobile_menu .top01 a{
padding:9px 0;
}
.mobile_menu .top01 div{
border: #f0f4fa solid 1px;
font-size:18px;
font-weight:bold;
border-radius: 5px;
display:inline-block;
width:56px;
margin-right:10px;
text-align:center;
background:#4a4a4a;
}
.mobile_menu form{
color:#fff;
}
.mobile_menu form input[type="text"]{
margin:15px 0 10px 0;
width:70%;
}
.mobile_menu form input[type="radio"]{
margin-bottom:15px;
}
.mobile_menu form input::placeholder{
text-align:center;
}

.mobile_menu ul li .anchorlink span, wbr{
display:none;
}
.mobile_menu ul li .anchorlink{
text-align:left;
margin:10px 10px;
}
.mobile_menu ul li .anchorlink p{
font-weight:bold;
color:#fff;
}
.mobile_menu ul li .anchorlink a, .mobile_menu ul li .anchorlink form{
padding: 0;
display:block;
}
.mobile_menu ul li .anchorlink form input.submit {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    color: #fff;
}

a.logoArea{
display:none;
}

ul.globalLink{
display:none;
}


/* GLOBAL NAVIGATION
------------------------------------ */
ul#globalnavigation{
display:none;
}


/* スマホ用の検索フォーム
------------------------------------ */
.mobile-search{
float:right;
margin: 59px 10px 10px 0 ;
text-align:right;
display:block;
}

.mobile-search .input[type="radio"] {
    width: 11pt;
    height: 11pt;
    vertical-align: middle;
    margin: 0 3px 0 0;
    padding: 0;
    cursor: pointer;
}

.mobile-search label{
    margin: 0 3px 0 0;
    padding: 0;
    font-size:80%;
    color:#7e7e7e;
    cursor: pointer;
    vertical-align: middle;
}

.mobile-search .query{
margin-left:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:#aaaaaa solid 1px;
width:100px;
}


/* フッタ
------------------------------------ */
#footer{
width: 100%;
background: #646464 url(https://www.century.co.jp/img/bk_foot2015.gif) bottom repeat-x;
}

#footer #footer-inner{
width:95%;
margin:0 auto;
}

#footer #footer-inner .footLinkArea{
margin:0px auto;
padding:10px 0 0 0;
font-size:75%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}


#footer #footer-inner .footLinkArea .list{
float:left;
margin:0;
width:50%;
padding: 0;
line-height: 2.0;
text-align:left;
}

#footer #footer-inner .footLinkArea dl{
margin:0 10px 25px 10px;
padding:0;
}

#footer #footer-inner .footLinkArea .list a:link, #footer #footer-inner .footLinkArea .list a:visited{
	color:#ffffff;
	text-decoration:none;
}

#footer #footer-inner .footLinkArea .list a:hover, #footer #footer-inner .footLinkArea .list a:active{
	color:#2147a5;
	text-decoration:none;
}

#footer #footer-inner .list dt{
margin:0;
padding:0;
font-weight:bold;
}

#footer #footer-inner .list dd{
margin-left:10px;
padding:0;
}

#footer #footer-inner ul.footLink{
width: 95%;

text-align: left;
margin: 0 auto;
padding: 0;
clear:both;
}

#footer #footer-inner ul.footLink li{
background-image: none;
background-position: left;
background-repeat: no-repeat;
list-style-type: none;
font-size: 75%;
float: left;
padding:0;
margin:0 25px 5px 0;
line-height:1.5;
}

#footer #footer-inner ul.footLink li a:link, #footer #footer-inner ul.footLink li a:visited {
	color:#FAFAFA;
	text-decoration:none;
}

#footer #footer-inner ul.footLink li a:hover, #footer #footer-inner ul.footLink li a:active{
	color:#aaaaaa;
	text-decoration:none;
}

#footer #footer-inner .copyright{
clear: both;
max-width: 1280px;
height: 20px;
margin: 0 auto;
text-align: right;
font-size: 75%;
color: #FAFAFA;
}


}  /* メディアクエリ閉じ