/*
ここに独自の CSS を追加することができます。
h1 {	
    color: red;	
}
詳しくは上のヘルプアイコンをクリックしてください。
*/
/* https://naifix.com/css-box-design/ */
/* 小枠１（歪線） */
.small-frame-box-01 {
    border: 4px solid lavender;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 2em;
}

/* 小枠（点線） */
.small-frame-box-02 {
    background-color: lavender;
    border: 2px dashed steelblue;
    border-radius: 8px;
    box-shadow: 0 0 0 4px lavender;
    color: steelblue;
    margin: 2em 0;
    padding: 2em;
}
/* 付箋紙のような */
.small-frame-box-memo {
    background-color: #c85d05;
    color: #fff;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.small-frame-box-memo::after {
    content: "";
    border-color: #853e04 #fff #fff #853e04;
    border-style: solid;
    border-width: 0 0 24px 24px;
    bottom: 0;
    position: absolute;
    right: 0;
}
/* POINT用 */
.small-frame-box-point {
    border: 2px solid tomato;
    border-radius: 4px;
    margin: 2em 1em;
    padding: 2em;
    position: relative;
}
.small-frame-box-point::before {
    background-color: #fff;
    color: tomato;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/* 投稿用 */
.small-frame-box-contribution{
    border: 2px solid steelblue;
    border-radius: 4px;
    margin: 2em 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    background-color: aliceblue;
}
.small-frame-box-category::before {
    background-color: aliceblue;
    color: steelblue;
    content: "Contribution";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/* カテゴリー用 */
.small-frame-box-category{
    border: 2px solid steelblue;
    border-radius: 4px;
    margin: 2em 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    background-color: aliceblue;
}
.small-frame-box-category::before {
    background-color: aliceblue;
    color: steelblue;
    content: "Category";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
/* タグ用 */
.small-frame-box-tag{
    border: 2px solid steelblue;
    border-radius: 4px;
    margin: 2em 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    background-color: aliceblue;
}
.small-frame-box-tag::before {
    background-color: aliceblue;
    color: steelblue;
    content: "タグ";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}
/* オシャレな枠 */
.small-frame-box-03 {
    background-color: aliceblue;
    border: 1px solid #fff;
    box-shadow: 0 0 0 2px aliceblue;
    color: mediumblue;
    padding: 0.5em;
}

/* ドット下線 */
.dot-line {
    border-bottom: 2px dotted lightsteelblue;
}




/* 3D VIEW用*/
#view {
  color: #000;
  width: 100%;
  height: 200px;
  text-align: center;
  background: #191970;
  position: relative;
}
#view h1 {
  top: 20%;
  margin-top: 0px;
  position: absolute;
  width: 100%;
  text-align: center;
}
#view h1 span {
  color: #fff;
  background:black;
  padding: 10px 10px;
}

/* フォント */
.title01 {
  font-size: 1.2em;
  color:blue;
}

/* 章用 */
.small-frame-box-chapter{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: white;
    background: lavender;
    border-bottom: solid 6px lightsteelblue;
    border-radius: 9px;
}
.small-frame-box-chapter p {
    margin: 0; 
    padding: 0;
}

/* カレンダーウィジェット用 */
table#wp-calendar a {
color:blue;
font-weight: bold; 
}
#calendar_wrap th {
background: lightsteelblue;
text-align:center;
border: 1px solid lavender;
}
#calendar_wrap  td {
background: lavender;
text-align:center;

}

#secondary h3, #calendar_wrap caption {
background: aliceblue;
border-bottom: 1px solid lavender;
padding-left:5px;
margin-top:10px;
margin-bottom:5px;
}
#secondary ul {
padding-left:10px;

}