@charset "UTF-8";
 @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:#e6e6fa;
padding:0;
        margin: 0}

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

p {line-height: 1.5}

/*ヘッダー*/
header {
background-color:;
background-image:			url(lee100head.png),
					 url();
					
	background-repeat:no-repeat,
					  no-repeat,
					  no-repeat;
					  
	background-position:              center,
					  center;
					  
background-size:,cover;
height:350px;

      margin-bottom:0px;

}

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

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

header a:hover {color: #228b22}

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: #ffffff}


header h5 {         
 font-size: 18px;
text-align: center;
 color: #ffffff;
margin-top: 0px;
margin-bottom:10px;
padding-top: 10px;
text-shadow: 0 0 5px #000000;
}

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

nav li {display: inline;
font-size: 18px;
border-right: solid 0px #666666;
padding-left: 10px;
padding-right: 10px}

nav li:first-child{border-left: solid 0px #666666}

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

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



/*記事*/

article {background-color:#ffffff;
         width: 100%;
        margin-left: auto;
        margin-right: auto;
       border: solid 1px #ffffff;
      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-color:#abebc5;
          margin: 0px;
                 padding:10px;
                
}

footer p {
color: #666666}



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


/*背景青タイトル*/
article h2 {clear: both;
font-size: 16px;
color: #666666;
text-align: center;
background-color: #e0e0e0;
margin-top: 0px;
padding: 10px;
}

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

/*著者名*/

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: 5px;
text-align: left;
padding: 10px;
}


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

a:hover {
background-color: ;
color: #8f099c
}

a img {border: none}


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


aside h2{font-size: 20px;
margin-top: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: 0px;
margin-bottom:10px;
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{
border: solid 3px #ffffff;
border-radius: 0px;
padding: px;
background-color: #ffffff;
margin: 5px;
width:45%;
}

li.news img{margin:5px;}

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

li.news h1{
margin-top: 5px;
margin-bottom:5px;
}


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

li.news h4{
font-size:16px;
margin:3px;
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: 2px;
width:45%;
}

li.book img{margin:0px;}

li.book p{
font-size:16px;
text-align: left;
margin-top: 0px
margin-bottom:0px
}

li.book h1{
margin-top: 5px;
margin-bottom:5px;
}


li.book h2 {clear: both;
font-size: 16px;
color: #ffffff;
text-align: center;
background-color: #b22222;
margin-top: 0px;
padding: 10px;
}

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


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


.center{
 text-align: center;
}

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

article {background-color:#ffffff;
         width: 95%;
        margin-left: auto;
        margin-right: auto;
       border: solid 1px #ffffff;
      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%
}


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


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

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


/*投稿フォーム*/


input, textarea	{display:}


input {width: 90%;}


input	{width: 400px}
	}

input[type="submit"]	{width: 200px;
	background-color: #ffaa00;
	background-image: -webkit-gradient(
		linear, 
		left top, left bottom, 
		from(#ffe7b8), 
		to(#ffaa00));
	background-image: -webkit-linear-gradient(
		top, 
		#ffe7b8 0%, 
		#ffaa00 100%);
	background-image: linear-gradient(
		to bottom, 
		#ffe7b8 0%, 
		#ffaa00 100%);
	border: solid 1px #aaaaaa;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px}

textarea	{width: 90%;
	height: 120px}