@charset 'UTF-8';
html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , acronym , address , big , cite , code , del , dfn , em , img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u , i , a , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td , article , aside , canvas , details , embed , figure , figcaption , footer , header , hgroup , menu , nav , output , ruby , section , summary , time , mark , audio , video {
  font-size : 100%;
  margin : 0;
  padding : 0;
  vertical-align : baseline;
  border : 0;
}

html {
  font-size : 62.5%;
  overflow-y : scroll;
  color : #000;
}

body , input , select , textarea {
  font-family : YuGothic Medium, 游ゴシック体 Medium, "Yu Gothic Medium", 游ゴシック Medium, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
  position : relative;
  word-break : break-all;

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

body {
  font-size : 12px;
  font-size : 1.2rem;
  min-width : 960px;
}

* {
      box-sizing : border-box;

   -o-box-sizing : border-box;
  -ms-box-sizing : border-box;
}

a , a:link {
  text-decoration : none;
  color : #333;
}

a:active , a:hover {
  text-decoration : underline;
}

blockquote , q {
  quotes : none;
}

blockquote::before , blockquote::after , q::before , q::after {
  content : '';
  content : none;
}

input , textarea {
  margin : 0;
  padding : 0;
}

input , select {
  vertical-align : middle;
}

ol , ul {
  list-style : none;
}

table {
  border-spacing : 0;
  border-collapse : collapse;
}

caption , th {
  text-align : left;
}

header {
  display : block;
}

img {
  vertical-align : bottom;
}

a img {
  transition : opacity .3s ease;
  opacity : 1;
}

a:active img , a:hover img {
  opacity : .7;
}

.clearfix {
  clear : both;

  *zoom : 1;
}
.clearfix:before , .clearfix:after {
  display : table;
  content : '';
}
.clearfix:after {
  clear : both;
}

.fl {
  float : left;
}

.fr {
  float : right;
}

.hidden {
  display : none;
}

.l-wrapper {
  width : 960px;
  margin : 5px auto 60px;
  padding : 0 10px;
}

.l-content {
  width : 700px;
}
.l-content.l-left {
  float : left;
}
.l-content.l-right {
  float : right;
}
#top .l-content , #articleList .l-content , #article .l-content {
    width: 620px;
}

.l-aside {
  width : 220px;
}
.l-aside.l-left {
  float : left;
}
.l-aside.l-right {
  float : right;
}
#top .l-aside , #articleList .l-aside , #article .l-aside {
    width: 300px;
}

header.header {
  padding : 20px 0;
  text-align : center;
  border-bottom : 1px solid #eee;
}

.header-content {
  position : relative;
  width : 940px;
  margin : 0 auto;
  padding : 10px 0;
  border-bottom : 2px solid #000;
}
.header-content-nav {
  position : absolute;
  top : 35px;
  right : 0;
}
.header-content-nav > ul > li {
  display : inline-block;
  border-right : 1px solid #ddd;
}
.header-content-nav > ul > li:first-child {
  border-left : 1px solid #ddd;
}
.header-content-nav > ul > li a {
  font-size : 14px;
  font-size : 1.4rem;
  font-weight : bold;
  padding : 0 40px;
  color : #000;
}

.footer {
  text-align : center;
  color : #333;
  border-top : 1px solid #eee;
}
.footer-inner {
  position : relative;
  width : 960px;
  margin : 0 auto;
  padding : 20px 0 25px;
}
.footer-nav {
  margin-bottom : 5px;
}
.footer-nav > li {
  line-height : 1.2;
  display : inline-block;
  padding : 0 15px;
}
.footer-nav > li a {
  color : #333;
}
.footer .pagetop {
  position : absolute;
  top : 10px;
  right : 20px;
}

.c-breadcrumb{
  overflow: hidden;
  margin-bottom: 5px;
}

.c-breadcrumb-item{
  position: relative;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}

.c-breadcrumb-item:first-child{
  margin-left: 0;
  padding-left: 0;
}

.c-breadcrumb-item:last-child::before{
  background: none;
}

.c-breadcrumb-item::before {
  content: '';
  display: block;
  position: absolute;
  background: url('../img/arr_sprite.png') no-repeat;
  background-position: 2px -12px;
  width: 7px;
  height: 14px;
  top: 0;
  right: -12px;
}