<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<style>

/*テキストの構造化に関する指定*/
body {color: #000; margin-top:12px;margin-right:auto;margin-left:auto;}
span {color: #f00;}
h1 {color:#000; font-size:12px; text-align: center;font-family: sans-serif}
h2 {color:#000; font-size:12px; text-align: center;font-family: sans-serif}
h3 {color:#000; font-size:12px; font-family: sans-serif;}
h4 {color:#000; font-size:12px; text-align: center;font-family: sans-serif}/*作家名*/
h5 {color:#000; font-size:12px; text-align: center; }
footer {color:#000; font-size:9px; text-align: center;}
h1 img {width:200px; height:auto;}
p {color:#000;width: 300px;font-size:12px; margin-right:auto ;margin-left:auto;}
a {font-size: 100%;font-weight: normal;color: #FF6666;text-decoration: underline;}

/*レイアウトに関する指定*/
.lead {font-size: 12px;text-align: center}/*リード*/
.text {font-size: 12px;width: 100%;max-width: 600px;margin-right: auto ;margin-left: auto;}/*本文*/
.bold {color: #000;font-size: 12px;font-family: sans-serif;font-style: normal}/*太ゴ*/
.boldred {color: #f00;font-size: 12px;font-family: sans-serif;font-style: normal}/*太ゴ赤字*/
.italic {font-size: 12px; color: #000;text-align: center;font-family: sans-serif;font-style: italic}/*イタリック*/
.BG_red {text-align: center; background-color: #f00;color: #fff;font-size: 12px;font-family: sans-serif;font-style: normal}/*背景赤白抜き太ゴ*/


/*グローバルナビの横並び*/
#globalnavi ul{text-align: center;margin: 0;padding: 0;list-style: none;}
#globalnavi li{display: inline-block;vertical-align:middle;width: 90px}
#globalnavi li a{display: block;border: 0px solid #fff;background-color: #fff;padding: 0px;
text-decoration: none;width: 70px;margin: 0px;text-align: center;font-size: 12px;color: #000;}
#globalnavi li a:hover{background-color: #fff;color: #f00;}

/*ローカルナビの横並び*/
#l_lnavi ul{text-align: center;margin: 0;padding: 0;list-style: none; font-size:12px margin: 1px}
#l_lnavi li{display: inline-block;vertical-align:middle; font-size:12px; width:40px;}
#l_lnavi li a{color:#f00; display: block;border: 0px solid #fff;background-color: #fff;padding: 1px;
text-decoration: none;color: #000;width: 60px;margin: 1px;text-align: center;font-size: 12px;}
#l_navi li a:hover{background-color: #fff;color: #f00;}

/*アイテムリストの横並び*/
#item-list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#item-list li{display: inline-block;vertical-align:top;width:180px;}
#item-list dt{font-size: 12px;text-align: left;background-color: #eee}
#item-list dd{font-size: 12px;text-align: left;}

/*アイテムリストの横並び*/
#bookstore-list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#bookstore-list li{display: inline-block;vertical-align:middle;width:197px;IMG.displayed {display: block;margin-left: auto;margin-right: auto }}

/*プロフィールの横並び*/
#profile-list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#profile-list li{display: inline-block;vertical-align:top;width: 312px;}
#profile-list dt{margin-left: 10px;margin-right: 10px;font-size: 12px;text-align: left;background-color: #eee;width: 292px;text-align: center; }
#profile-list dd{margin-left: 10px;margin-right: 10px;font-size: 12px;text-align: left;width: 292px;}

/*個展ビジュアルと本文の横並び*/
#solo-list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#solo-list li{display: inline-block;vertical-align:top;width: 290px;}
#solo-list dt{margin-left: 10px;margin-right: 10px;font-size: 12px;text-align: left;;width: 290px;text-align: center; }
#solo-list dd{margin-left: 10px;margin-right: 10px;font-size: 12px;text-align: left;width: 290px;}

/*個展ビジュアルと本文の横並び*/
#price-list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#price-list li{display: inline-block;vertical-align:top;width: 290px;}
#price-list dt{margin-left: 10px;margin-right: 10px;font-size: 12px;text-align: left;;width: 290px;text-align: center; }
#price-list dd{margin-left: 10px;margin-right: 10px;font-size: 12px;text-align: left;;width: 290px;text-align: center; }

/*スケジュールの横並び*/
#schedule-list ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
#schedule-list li{display: inline-block;vertical-align:top;width: 180px;}
#schedule-list dt{font-size: 12px;text-align: center;background-color: #eee;width: 180px;font-family: sans-serif}
#schedule-list dd{margin-left: 0px;font-size: 12px;text-align: center;width: 180px;}

/*メインビジュアルの定義*/
#mainvisual {
    clear: both; /*回り込み効果をクリア*/
    text-align: center
}

/*ヘッダのセンター寄せ*/
.header {text-align: center;}

/*シェアボタンのズレ直し*/
.fb_iframe_widget > span {
  vertical-align: middle !important;
}

/*年表の表組みの定義１*/
table.type01 {
	border: 0;
	text-align: left;
	line-height: 1.5;
  width:100%;
  style:table-layout: auto;
}
table.type01 th {
	width: 50px;
	padding: 2px;
	vertical-align: top;
	border: 0px solid #fff;
  font-family: sans-serif
}
table.type01 td {
	padding: 2px;
	vertical-align: top;
	border: 0px solid #fff;
}







/*画像の最大サイズ指定*/
img {max-width : 100% ;height : auto ;}

/*スマホ対応*/
@media screen and ( max-width:375px )

/*youtube対応*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* シェアボタン */
/* SNS ボタンのグループ */
.snsButtons ul{text-align: center;text-valign: top;margin: 0;padding: 0;list-style: none;}
.snsButtons {  margin: 5px;  padding: 0px;  text-align: center;  font-size: 12px;}
.snsButtons a {  text-decoration: none; color: #ffffff; font-family: "arial black";}
/* 各 SNS ボタンのボックス */
.snsButtons li {
  display: inline-block;  /* 水平に並べる */
  list-style-type: none;  /* 先頭のポッチを消す */
  margin: 2px;
  padding: 6px 10px;
  width: 20px;
  color: white;
  border-radius: 4px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
/* マウスカーソルを重ねたとき */
.snsButtons li:hover {
  opacity: 0.7;
}
/* クリックしたとき */
.snsButtons li:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
/* 各 SNS のブランドカラー */
.snsButtons_twitter  { background: #1da1f2; }
.snsButtons_facebook { background: #3b5998; }
.snsButtons_line   { background: #06c755; }






/*スライドショー*/

.slideBox {
  height: 720px;
  overflow: hidden;
  position: relative;
}

/* imgのみ */
.item1 {
  opacity: 0;
  width: 484px;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  margin:auto;
  top: 0;
  -webkit-animation: anime 10s 0s infinite;
  animation: anime 10s 0s infinite;
}

.item1:nth-of-type(2) {
  -webkit-animation-delay: 7s;
  animation-delay: 3s;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 7s;
  animation-delay: 3s;
}

/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}


</style>
