/*******************************************************************************RESET
******************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
  margin: 0;
  padding: 0;
}
img, fieldset {
  border: 0;
}
/* set image max width to 100% */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/*******************************************************************************GENERAL STYLING
******************************************************************************/
body {
  /*CSSで文字の大きさ（font-size）を指定していない場合は1文字の大きさは16pxです   ので、文字の大きさを変更するようなCSSを書いていない場合は「1em=16px」が基準と   なります。*/
  /*background: silver url(../images/body2.png) repeat;*/
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #F9F9F9), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #F9F9F9), color-stop(.75, #F9F9F9), color-stop(.75, transparent), to(transparent));
  -webkit-background-size: 7px 7px;
  font: 1em Arial, Helvetica, sans-serif;
}
a {
  color: #026acb;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
p {
  margin: 0 0 0.5em;
  padding: 0;
  font-size: 120%;
}
p.indent {
  margin-left: 0.5em;
  padding-left: 1em;
  text-indent: -0.5em
}
p.indent2 {
  margin-left: 0.5em;
  padding-left: 2em;
  text-indent: -2em
}
p.audio {
  display: block;
  /* margin-top:.5em!important;*/
  margin-left: 1em;
  /*padding-left:5em;*/
  font-size: 120%;
}
audio {
  display: block;
}
/* list */
ul, ol {
  margin: .5em 0 1.2em 0;
  padding: 0;
  line-height: 120%;
  /*2020.1.29*/
}
li {
  margin: 3px 0 .5em 0;
  padding: 0;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4em;
  margin: 5px 0 .4em;
  /*color: #000;*/
}
h1 {
  font: normal 2em Arial, Helvetica, sans-serif;
  /*	font-size: 2em;*/
}
h2 {
  font: normal 1.8em Arial, Helvetica, sans-serif;
}
h3 {
  font: normal 1.4em Arial, Helvetica, sans-serif;
}
h4 {
  font: normal 1.2em Arial, Helvetica, sans-serif;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em;
}
/* reset webkit search input styles */
input[type=search] {
  -webkit-appearance: none;
  outline: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
.12pt {
  font-size: 12pt;
}
.14pt {
  font-size: 14pt;
}
.16pt {
  font-size: 16pt;
}
/******************************************************************************
STRUCTURE
******************************************************************************/
#pagewrap {
  width: 980px;
  margin: 0 auto;
}
/*******************************************************************************HEADER
******************************************************************************/
/*#header {
	position: relative;
	height: 40px;
	-moz-border-radius: 8px;
	border-radius: 8px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}*/

/* searchform */
#searchform {
  position: absolute;
  right: 20px;
  bottom: 24px;
  z-index: 100;
  width: 160px;
}
#searchform #s {
  width: 140px;
  float: right;
  background: #fff;
  border: none;
  padding: 6px 10px;
  /* border radius */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* box shadow */
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  /* transition */
  -webkit-transition: width .7s;
  -moz-transition: width .7s;
  transition: width .7s;
}
#menu-wrap {
  width: 980px;
  margin: 0 auto;
  float: left;
}
/******************************************************************************
CONTENT
******************************************************************************/
#content {
  background: #fff;
  margin: 10px 0 15px;
  padding: 20px 35px;
  width: 100%;
  float: left;
  /* rounded corner */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /* box shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
/* post */
.post {
  margin-bottom: 40px;
}
.post-title {
  margin: 0 0 5px;
  padding: 0;
  font: bold 26px/120% Arial, Helvetica, sans-serif;
}
.post-title a {
  text-decoration: none;
  color: #000;
}
.post-meta {
  margin: 0 0 10px;
  float: right;
  font-size: 90%;
  color: darkgray;
}
/* post image */
.post-image {
  margin: 0 0 15px;
}
.lineB {
  border-bottom:2px dotted #0000ff;
  border-left:10px solid #0000ff;
  padding:10px;
  margin:15px 5px;
}
.lineP {
  border-bottom:2px dotted #ff2b95;
  border-left:10px solid #ff2b95;
  padding:10px;
  margin:15px 5px;
}
.lineG {
  border-bottom:2px dotted #2bd580;
  border-left:10px solid #2bd580;
  padding:10px;
  margin:15px 5px;
}
.lineY {
  border-bottom:2px dotted sandybrown;
  border-left:10px solid sandybrown;
  padding:10px;
  margin:15px 5px;
}
.ribbon2B{
  position:relative;
  margin:0 -1px;
  text-align:center;
  color:#eee;
  background:#2b2bff;
  -webkit-transform: rotate(-3deg) skew(-3deg);
  -moz-transform: rotate(-3deg) skew(-3deg);
  -o-transform: rotate(-3deg) skew(-3deg);
  -ms-transform: rotate(-3deg) skew(-3deg);
  transform: rotate(-3deg) skew(-3deg);
  text-shadow:1px 1px 0 rgba(10,10,10,1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),
     30px 0 0 0 #2b2bd5,
     -30px 0 0 0 #2b2bd5;
}
.ribbon2P{
  position:relative;
  margin:0 -1px;
  text-align:center;
  color:#eee;
  background:#ff2b95;
  -webkit-transform: rotate(-3deg) skew(-3deg);
  -moz-transform: rotate(-3deg) skew(-3deg);
  -o-transform: rotate(-3deg) skew(-3deg);
  -ms-transform: rotate(-3deg) skew(-3deg);
  transform: rotate(-3deg) skew(-3deg);
  text-shadow:1px 1px 0 rgba(10,10,10,1);
  box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
  			30px 0 0 0 #d52b80,
  			-30px 0 0 0 #d52b80;
}
.pointB{
  position: relative;
  color: #002a7f !important;
  margin: 5px 0 0 10px;
  padding: 14px 10px 10px 10px;
}

.pointB:before {
  content: "";
  position: absolute;
  background: #007fff;
  top: 3px;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pointB:after {
  content: "";
  position: absolute;
  background:#1470cc;
  top: 18px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.pointP{
  position: relative;
  color: #c71585;
  margin: 15px 0 0 5px;
  padding: 14px 5px 5px 15px;
  border-bottom:2px dotted #ff2b95;
}

.pointP:before {
  content: "";
  position: absolute;
  background: #ff80ff;
  top: 3px;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pointP:after {
  content: "";
  position: absolute;
  background:#ff55aa;
  top: 18px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.pointG{
  position: relative;
  margin: 5px 0 0 10px;
  padding: 14px 10px 0px 20px;
  border-bottom:2px dotted mediumseagreen;
}
.pointG:before {
  content: "";
  position: absolute;
  background: #95dc4e;
  top: 3px;
  left: 5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pointG:after {
  content: "";
  position: absolute;
  background:#0acc6b;
  top: 18px;
  left: 0px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.pointY{
  position: relative;
  margin: 5px 0 0 10px;
  padding: 14px 10px 0px 20px;
  border-bottom:2px dotted darkorange;
}
.pointY:before {
  content: "";
  position: absolute;
  background: gold;
  top: 3px;
  left: 5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pointY:after {
  content: "";
  position: absolute;
  background:orange;
  top: 18px;
  left: 0px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
/******************************************************************************
SIDEBAR
******************************************************************************/
#sidebar {
  width: 0%;
  float: right;
  margin: 10px 0 30px;
}
.widget {
  background: #fff;
  margin: 0 0 30px;
  padding: 10px 20px;
  /* rounded corner */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /* box shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.widgetp {
  font-size: 94%;
  color: mediumblue;
  margin-bottom: 0;
}
.widgettitleB, .widgettitleP {
  position: relative;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}
.widgettitleY, .widgettitleG {
  position: relative;
  border: dashed 2px silver;
  padding: 0.2em 0.5em;
}
.widgettitleB {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  color: #454545;
}
.widgettitleP {
  background: #ffd1d1;
  box-shadow: 0px 0px 0px 5px #ffd1d1;
  color: #454545;
}
.widgettitleY {
  background: #ffffbc;
  box-shadow: 0px 0px 0px 5px #ffffbc;
  color: #454545;
}
.widgettitleG {
  background: #d6ffd6;
  box-shadow: 0px 0px 0px 5px #d6ffd6;
  color: #454545;
}
.widgettitleB:after, .widgettitleP:after, .widgettitleY:after, .widgettitleG:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
}
.widgettitleB:after {
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.widgettitleP:after {
  border-color: #fff #fff #ffb2b2;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.widgettitleY:after {
  border-color: #fff #fff #ffff7f;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.widgettitleG:after {
  border-color: #fff #fff #a8ffa8;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.widget ul {
  margin: 0;
  padding: 0;
}
.widget li {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  clear: both;
  border-top: solid 1px #eee;
}
/******************************************************************************
FOOTER
******************************************************************************/
#footer {
  background: #fff;
  margin: 5px 0 30px;
  padding: 10px 35px;
  width: 96%;
  clear: both;
  color: #a9a9a9;
  font-size: 85%;
  /* rounded corner */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  /* box shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
#footer a {
  color: #026acb;
}
/******************************************************************************
CLEARFIX
******************************************************************************/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
  zoom: 1;
}