@charset "UTF-8";

* 		{ 	padding:0;margin:0;box-sizing:border-box;font-weight:normal;
			font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}

body 	{	background-color:#dadfd8;text-align:center;line-height:1.5;font-size:90%;color:#333;}
main 	{	padding:3% 3% 10% 17%;}

a 		{	text-decoration: none;font-weight:bold;color: #393e4f;}


header			{	position:fixed;top:0;left:0;width:14%;min-height:100vh;background-color:#405f74;}

header h1		{	margin:0 auto;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;
  					font-size:190%;font-weight:900;margin:1em auto;color:#fff;letter-spacing:0.1em;}
  					
aside			{	margin:1em auto;}
aside a img		{	display:block;width:18px;text-align:center;margin:16px auto;}
aside a:hover	{	opacity:0.5;transition:0.3s;}
  					
h2 				{	color:#bd765a;font-size:2em;font-weight:900;letter-spacing:0.1em;margin:1em 0 0;}

h3				{	font-weight:bold;margin:1em 0 0;letter-spacing:0.1em;}
h3:first-letter	{	color:#bd765a;}

article 	{	background-color:#f6f7f6;border-radius:10px;width:96%;max-width:500px;text-align:left;
				margin:0.5em auto;padding:1em;}
article p 	{	margin:0.3em auto 1em;line-height:1.5;}

article h3 a[target="_blank"] {padding-right:22px;background: url(cont/link.png) no-repeat right center;background-size:14px;}
article {word-break: break-all;}

article .line {	margin: 1.5em auto;width: 100%;height: 1px;border-top: thin dashed #bcc6c4;}

section {margin: 3em 0;}
section p,
footer p {font-size: 0.9em;color: #c7b370;}

section mark {
    padding: 0 0.3em;
    background: url('banner.png') center/contain;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff;}

section strong {font-weight: bold;color: red;}
section .new {border-bottom: thin solid #393e4f;}

section .background a {padding: 0 0.5em;border-radius: 20px;background-color: #393e4f;color: #fff;}

.pictnav a {width:140px;display:inline-block;text-align:center;background-color:#333;
			color: #fff;font-weight:bold;padding:5px 3px;}
			
footer {margin: 0 auto 0.4em;padding-right:6%;text-align:right;letter-spacing:0.1em;font-size:90%;}

#Top {height:1px;}
#PageTop {position:fixed;bottom:5%;right:6%;}
#PageTop a {display:block;z-index:100;width:30px;height:30px;}
#PageTop a img {width:30px;height: auto;}

.search-list__item {
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background-color: #ddd;
  border-radius: initial;
  border: none;
  display: inline-block;
  margin:10px 0 10px 7px;
  padding: 4px 12px;
  cursor: pointer;}

.search-list button{border-radius:10px;}

.search-list__item.is-active {text-decoration: underline;}
.entry-list__item+.entry-list__item {margin-top: 1em;}
.entry-list__item.is-hide {display: none;}
.entry-list {margin:0;padding:0;width:100%;text-align:center;}
.entry-list2 {margin:0;padding:0;width:100%;text-align:center;}

.entry-list li{width:120px;display:inline-block;margin:0 auto;padding:0 7px;text-align:center;list-style:none;}
.entry-list__meta  {font-size:70%;}
.entry-list__meta span  {font-size:110%;}
.entry-list__meta img {width:100%;height:auto;margin-bottom:5px;display:block;border-radius:7px;}
.entry-list__meta a {color:#bd765a;}
.entry-list__meta a:hover{	opacity:0.5;transition:0.3s;}

.entry-list2 li{width:80px;display:inline-block;list-style:none;padding:0 5px;text-align:center;}
.entry-list__meta2  {font-size:50%;}
.entry-list__meta2 img {width:100%;height:auto;display:block;border-radius:5px;}



@media screen and (min-width:768px) {
body {font-size:90%;}
main {display: flex;flex-wrap: wrap;justify-content: space-between;}
section {flex-basis: 50%;}
#PageTop img{width:40px;height: auto;}
.entry-list li{width:110px;padding:0 5px;}
.entry-list2 li{width:75px;padding:0 3px;}
}