@import url(http://fonts.googleapis.com/css?family=Courgette);



article* {background-color: inherit}
article time {display: inline-block}

body {font-family:"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
        background-color: #ffffff;
        margin: 0}

h1 {font-size: 18px;
    margin-top: 0
    margin-bottom: 0}

p {line-height: 1.5}

/*ヘッダー*/
header {
background-color:#333333;
background-image:url("img/top2.png");
background-repeat:no-repeat;
background-position: center; 
          border-bottom: solid 1px #ffffff;
          margin-bottom: 0px;
                padding: 5px

}

header h1 {font-family:Courgette,sans-serif,
"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
          font-size: 20px;
         width: 90%;
        margin-left: auto;
        margin-right: auto;
       margin-bottom: 5px;
text-align: center;
       color: #ffffff;
text-shadow: 0 0 5px #999999;
}

header a {text-decoration: none;
color: #ffffff}

header a:hover {color: #6495ed}

header p {font-family:ヒラギノ角ゴ Pro W3","メイリオ",sans-serif,Courgette,sans-serif;
          font-size: 16px;
         width: 90%;
        margin-left: auto;
        margin-right: auto;
margin-top: 10px;
margin-bottom: 2px;
text-align: center;
       color: #333333}


header h5 {         
 font-size: 14px;
text-align: center;
 color: #ffffff;
margin-top:0px;
}

/*ナビゲーションメニュー*/
nav ul {list-style-type: none;
margin-top: 10px;
margin-bottom:10px;
padding-left: ;
font-size: 0}

nav li {display: inline;
font-size: 18px;
border-right: solid 2px #aaaaaa;
margin-bottom:10px;
padding-left: 10px;
padding-right: 10px}

nav li:first-child{border-left: solid 1px #aaaaaa}

nav {width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 15px;
margin-bottom: 15px}

nav a {color: #333333;
text-decoration: none}



/*記事*/

article {background-color:#ffffff;
         width: 100%;
        margin-left: auto;
        margin-right: auto;
       border: solid 0px ;
      padding: 0px;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 margin-top: 0px;
 margin-bottom: 0px;
overflow: hidden

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

article img{margin:10px;}



footer {
background-image: url() ;
background-color: #666666;
          margin: 0px;
                 padding: 2px;
}

footer p {
color: #ffffff}

footer a {
color: #ffffff}


/*タイトル*/
article h1 {clear: both;
color: #333333;
font-size: 20px;
text-align: center;
margin-top: 10px}


/*ライン付きタイトル*/
article h2 {clear: both;
font-size: 20px;
color: #ffffff;
text-align: center;
background-color: #666666;
margin-top: 10px;
padding: 10px;}



/*目次*/
article h3 {clear: both;
color: #333333;
text-align: center;
margin-top: 16px}

/*著者名*/

article h4 {clear: both;
color: #333333;
text-align: center;
margin-top: 10px;
text-align: center;
}



article p{clear: both;
color: #333333;
text-align: center;
margin-top: 14px;
text-align: center;
}



/*リンクの色*/
a {color: #333333}

a:hover {
background-color: ;
color: #16acf7
}

a img {border: none}


/*関連記事へのリンク*/
aside {border: solid 1px #aaaaaa;
border-radius: 5px;
padding: 10px;
background-color: #fffff9;
margin-top: 0px}


aside h2{font-size: 20px;
margin:0px;
color: #0748b2;
border-bottom: dotted 2px #294d9b}


aside ul {list-style-image: url(listmark.png)}

aside a {color: #333333;
}

aside p img {vertical-align: -11px}


/*記事*/

ul.news {
padding:1px;
margin: 0px;
list-style-type: none;
display:-webkit-flex;
display;-moz-flex;
display;flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content: center; /* Safari */
  justify-content:center;
}

li.news{
padding: 1px;
background-color: #ffffff;
border: solid 3px #e8edf4;
border-radius: 0px;
margin: 5px;
width:100%;
}

li.news img{margin:5px;}

li.news p{
font-size:16px;
text-align: left;
margin: 0px
padding:10px;
}

li.news h1{
margin:0px;
padding: 5px;
}


li.news h2 {clear: both;
font-size: 20px;
color: #ffffff;
text-align: center;
background-color: #666666;
margin0: 0px;
padding: 10px;
margin-top: 0px;

}

li.news h4{
font-size:16px;
margin:0px;
padding:3px;
}

/*商品*/

ul.book {
padding: 0px;
margin: 0px;
list-style-type: none;
display:-webkit-flex;
display;-moz-flex;
display;flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content: center; /* Safari */
  justify-content:         center;
}

li.book{
border: solid 2px #e8edf4;
border-radius: 0px;
padding: 2px;
background-color: #ffffff;
margin: 0px;
width:45%;
}

li.book img{margin:0px;}

li.book p{
font-size:12px;
text-align: left;
margin: 0px

}

li.book h1{
margin: 5px;
}


li.book h2 {clear: both;
font-size:30px;
color: #ffffff;
text-align: center;
background-color: #333333;
margin: 0px;
padding:5px;
}

li.book h3{
font-size:16px;
text-align: left;
margin: 0px

}


li.book h4{
font-size:16px;
margin:0px;
padding:3px;
}



.btn,
a.btn,
button.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  display: inline-block;
  padding: 0.5rem 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #000000;
  border-radius: 0.5rem;
}

/*ボタンデザイン*/

a.btn-border {
  border: 2px solid #666666;
  border-radius: 0;
  background: #ffffff;
}

a.btn-border:hover {
  color: #ffffff;
  background: #999999;
}


/* Chrome、Safari以外 */
summary {
  display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}


.center{
 text-align: center;
}

/*****プルダウン*****/



/* ===== PC版の設定 ===== */
@media (min-width: 768px) {


li.news{
border: solid 3px #e8edf4;
border-radius: 0px;
padding: 5px;
background-color: #ffffff;
margin: 5px;
width:46%;
}



}
/* ===== PC版の設定ここまで ===== */