@charset "UTF-8";
/**
 * スケルトン改変
 */
/* tags
----------------------------------------------- */

@font-face {
font-family:"Yakumono" ;
    src: url(/webfont/YakuCaltMincho-R.woff) format('woff'), url(/webfont/YakuCaltMincho-R.otf) format('opentype');
}

body {
font-family: 'Yakumono', 'Zen Old Mincho', 'YuMincho Medium', 'YuMincho','Yu Mincho Demibold',serif;
margin: 0;
padding: 0;
color: #000;
font-size: 100%;
line-height: normal;
background-position:center;
background-repeat:repeat-y;
background-attachment:fixed;
text-align: justify;
font-kerning: none;
Hanging-punctuation: allow-end;
}

p {
font-family: 'Yakumono', 'Zen Old Mincho', 'YuMincho Medium', 'YuMincho','Yu Mincho Demibold',serif;
line-height: 1.75;

margin: 0;
padding: 0;
}

td{
padding:5px;
}

input {
margin:3px;
}

img {
border:none;
}

.post img {
margin:1em 0 1em 0;
 -webkit-box-shadow : 1px 1px 3px 1px #CCCCCC;
 box-shadow : 1px 1px 3px 1px #CCCCCC;
}

/* Page
----------------------------------------------- */
#Page {
width: 800px;
background-color: #FFF;
margin: 0 auto 0 auto; 
}

/* Alfa, Beta
----------------------------------------------- */
#Alfa {
display: inline;
margin:0 auto 20px auto;
float: left;
width:auto;
}

#Beta {
display: inline;
margin: 0; 
float: right;
top:0;
width:150px;
}

/* Header
----------------------------------------------- */
#Header {
width:70px;
float: right;
position:fixed; top:200px; right:0;
text-align: left;
font-size: 8pt;
line-height:150%;
background-color:#ffffff;
padding:5px 0 5px 0;
}

#Header .search-box {
float: right;
}

/* 左側サイドメニュー
----------------------------------------------- */
#menu {
margin:0;
}

#menu ul {
float: left;
list-style-type: none;
text-align: left;
}

#menu li {
padding: 5px 10px 5px 10px;
}

#menu li a {
width:50px;
display: block;
}

#menu li a:link {
color: #1841ce;
text-decoration: none;
}

#menu li a:visited {
color: #6E6C64;
text-decoration: none;
}

#menu li a:hover, a:active, a:focus {
color: #05a5ff;
text-decoration: none;
}

/* Navigation
----------------------------------------------- */
#Navigation {
float: left;
text-align: left;
font-size: 75%;
}

/* widget
----------------------------------------------- */
.widget h2 {
font-size: 85%;
font-weight: normal;
padding:0 0 5px 0;
border-bottom: 1px solid #9F9F9F;
margin: 30px 0 10px 0;
}

#Beta  ul{
list-style: none ;
font-size: 85%;
line-height:125%;
}

#Beta  li{
margin: 0 0 5px 0;
}

/* clearfix
----------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* .pagination
---------------------------------------------------*/
.pagination .disabled {
display:none;
}
.pagination .number,
.pagination .prev,
.pagination .next,
.pagination .current{
padding:5px 8px;
border:1px solid #e2e2e2;
margin:0 2px;
}

/* list-num
---------------------------------------------------*/
.list-num {
text-align: right;
}

/* 検索
---------------------------------------------------*/
.search-box {
text-align: center;
}
.search-result {
text-align: right;
}

/* ブログ
---------------------------------------------------*/
.post {
width:600px;
margin: 40px 0 120px 0;
}

.contents-navi {
width:600px;
font-size: 80%;
}

/* ブログの日付とか
---------------------------------------------------*/
.meta {
border-bottom: 1px solid #9F9F9F;
}

.date {
font-size: 90%;
display: inline;
padding: 0 15px 0 0;
}

.tag {
font-size: 75%;
margin: 0 0 0 0;
float: right;
display: inline;
}

/* エレメント / タグセレクター 
----------------------------------------------- */
ul, ol, dl {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
word-wrap: break-word;
line-height: 1.25;
margin: 0;
padding: 0;
font-weight: 700;
font-family: 'Yakumono', 'Zen Old Mincho', 'YuMincho Medium', 'YuMincho','Yu Mincho Demibold',serif;
}

h1 {
font-size: 150%;
margin: 1em 0 0.5em 0;
letter-spacing: 0.5em;

}

h2 {
font-size: 140%;
margin: 2em 0 1.5em 0;
line-height: 1;
letter-spacing: 0.25em;
}

h3 {
font-size: 120%;
margin: 2em 0 0.5em 0;
line-height: 1;
}

h4 {
font-size: 115%;
margin: 0.25em 0 1em 0;
line-height: 1.25;
}

/* リンク
----------------------------------------------- */
a img { 
border: none;
}

a:link {
color: #1841ce;
text-decoration: none;
}
a:visited {
color: #6E6C64;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #05a5ff;
text-decoration: none;
}
a:hover img {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}

/* この固定幅コンテナが他の div を囲みます
----------------------------------------------- */
.container {
width: 800px;
background-color: #FFF;
margin: 0 auto 0 auto;
}

.header {
margin-bottom: 20px;
}

/*  これはレイアウト情報
----------------------------------------------- */
.totika-title {
padding: 0;
margin: 20px 0 40px 0;
}

.content {
padding: 0;
margin:  0 auto 0 auto;;
}

.box350 {
padding: 0;
margin: 0;
width: 350px;
float: left;
}

.box800 {
padding: 25px 0 0 0;
margin: 0;
width: 800px;
float: left;
}

.box100vh-800 {
position: relative;
padding: 0;
margin: 0;
width: 800px;
height: 100vh;
min-height:800px;
float: left;
}

.gazo-box {
padding: 15px 0 15px 0;
margin: 0;
width: 130px;
height: 100px;
float: left;
line-height: 0;
text-align: center;
background-image: url(/theme/totika2020/img/kakomi.gif);
}

.gazo-box img {
-webkit-box-shadow : 1px 1px 3px 1px #999999;
box-shadow : 1px 1px 3px 1px #999999;
}
.shadow img {
-webkit-box-shadow : 1px 1px 3px 1px #999999;
box-shadow : 1px 1px 3px 1px #999999;
margin: 10px 10px 10px 0;
}

.img-right {
float: right;
}

/*  バナー
----------------------------------------------- */
.banner {
  margin-top: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* フッター
----------------------------------------------- */
#footer {
margin: 0;
width: 800px;
float: left;
font-size: 75%;
line-height:1.5;
padding: 20px 0 40px 0;
clear: both;
}

/* ~~ 矢印ボタン ~~ */

.yajirushi {
padding: auto 0 0 0;
font-size:14px;
display: block;
position: absolute;
bottom:20px;
right:0;
}

.yajirushi  a {
width: 80px;
float: right;
display: block;
position: static;
text-align: center;
margin: 0;
padding: 8px 0 8px 0;
}

.yajirushi  a:hover {
background-color: #EEE;
transition: all  0.1s ease;
}

/* ~~ ダウンロードボタン ~~ */

.dl-button {
margin: 35px 0 15px 0;
}

.dl-button  a {
width: auto;
color: #fff;
display: inline;
position: static;
background-color: #1841ce;
border-radius:4px;
padding: 4px 10px 4px 10px;
}

.dl-button  a:hover {
background-color: #05a5ff;
transition: all  0.1s ease;
}

/* ~~ ページトップボタン ~~ */

#page-top {
position: fixed;
bottom: 20px;
right: 25px;
font-size:14px;
}

#page-top a {
width: 80px;
display: block;
background-color: #fff;
text-decoration: none;
text-align: center;
margin: 0;
padding: 8px 0 8px 0;
}

#page-top a:hover {
background-color: #eee;
transition: all  0.1s ease;
}

/* トップページ要素 
----------------------------------------------- */
.box400 {
padding: 0;
margin: 0;
width: 400px;
float: left;
}

p.midashi1 {
font-size: 2.5em;
line-height:100%;
padding: 0 0 0.5em 0;
font-family:'Yakumono', 'Shippori Mincho', 'YuMincho Medium', 'YuMincho','Yu Mincho Demibold',serif;
  font-weight:600;
}

p.midashi2 {
font-size: 1.5em;
line-height:100%;
padding: 0 0 0.75em 0;
font-family:'Yakumono', 'Shippori Mincho', 'YuMincho Medium', 'YuMincho','Yu Mincho Demibold',serif;
  font-weight:600;
}

.box400 a:link  {
color: #000000;
}

.box400 a:visited {
color: #000000;
}

.box400 a:hover  {
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}

span.midashi1-sub {
font-size: 0.5em;
}

/* ~~ ニュース見出し出力 ~~ */

#news {
position: relative;
width: 560px;
float: left;
margin: 0;
padding: 0;
z-index:13;
}

.post-list {
line-height: 1.75;
}

.post-list div.date {
font-size: 80%;
display: inline;
padding: 0 15px 0 0;
}

.post-list div.title {
display: inline;
font-size: 100%;
}