@charset "UTF-8";


/*------全体--------------------------------------------------*/
div.tagrow a:hover {
	background-color:#2F59A5;
	color:#fff;
}

#pager li a,#pager li,
.cate a,.tag a,.cate-no a,.tag-no a,div.tagrow a,
ul.titlelist li,dl.kanrendl dd{
	//color:#2F59A5;
	//border-color:#2F59A5;
	color:#000;
	border-color:#000;
}

div.sidebox {
	color:#2F59A5;
	border-color:#2F59A5;
	background-image: url("../parts/p0259_m.png");
}

a img {
    border-style:none;
}

div.toppage {
	//height:120px;
}

img.topimg {
}

#menubar a{
	color:#000;
	text-decoration:none;
	padding:10px;
	border:2px solid #000;
	background-color:#fff;
}

#menubar a:hover {
	background-color:#EDE9BE;
}

/*----------------------------------------*/

body{
	margin:0;
	padding:0;
	text-align:left;
	font:20px/20px "ＭＳ Ｐゴシック";
	color:#000;
	-webkit-text-size-adjust: 100%;

	background-image: url("../parts/p0124_l.png");
	//background-image: url("../parts/p0033_l.png");

	//background-color:#2F59A5;
	//#0D9564
	//background-color:#0D9564;
}

input[type="button"],input[type="submit"]{
    -webkit-appearance: none;
}

.button3{
	padding:0px;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	border:0px solid;
	background-color:rgb(255,0,0,0);
}

.button3:hover{
	border-bottom:1px solid #000;
}

#container{
	//background-color:#2F59A5;
	//background-color:#FEEC43;
	width:480px;
	padding:0;
	margin:0 auto;
	word-break:break-all;
	//background-image: url("../parts/p0033_l.png");
	//background-image: url("../parts/haikei/p0026_m.png");
	//background-image: url("../parts/p0259_m.png");
	//background-image: url("../parts/p0124_l.png");
	
	position: static;
}

@media (orientation: landscape){
	#container{
	width:100%;
	}
}

#header{
	margin:0;
	padding:10px;
	/*text-align:center;*/
	border:0px solid #fff;
}

#midasi {
	margin:0;
	padding:0;
	border:0px solid #000;
	height:100px;
	width:330px;
	margin: auto;
}

h1.title {
	margin:0;
	padding:0;
	height:100px;
}

img.titlepng {
	height:100px;
}

#midasi2 {
	padding:0px;
	margin:0px;
	border:0px solid #fff;
	height:83px;
	width:430px;
	//display:none;
	margin: auto;
}

#midasi2 img {
	height:83px;
}

#main{
	margin:0;
	padding:0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	position:relative;
}

div.tape,div.tape2 {
	width:180px;
	height:54px;
	border:0px solid #000;
	position:absolute;
	top:-20px;
	right:0;
	background-image: url("../parts/tape/tape-s32.png");
}

div.pen,div.pen2 {
	//width:180px;
	width:150px;
	height:104px;
	border:0px solid #000;
	position:absolute;
	//top:-140px;
	top:50px;
	/*left:300px;*/
	right:0;
	background-image: url("../pict/pen.png");
	background-size:480px 104px;
	display:none;
}

#main_left{
	/*width:100%;*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	padding:0px;
	margin:0px 10px;
}

#main_right{
	/*width:100%;*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;

	margin:0;
	padding:10px 10px 0px 10px;
}

div.spright {
	//display:none;
}

div.footer {
	margin:5px 0px 0px 0px;
	padding:0;
	border:0px solid #fff;
}

#copyfooter {
	margin:0;
	padding:5px;
	text-align:center;
	border:0px solid;
	color:#000;
	height:150px;
}

p.copyright {
	font-size:16px;
	line-height:150%;
	margin:0px;
	padding:0px;
}

p.copyright span {
}

/*------サイドバー--------------------------------------------------*/
#profile,#category,#archive,#news,#kensaku,#taglist{
}

#profile,#log,#maki {
	display:none;
}

#profile {
padding:5px;
}

#profile img {
	object-fit: cover;
	object-position:0% 100%;
	//height:100px;
	width:280px;
	//width:100%;
}

div.sidebox{
	margin:0px 0px 10px 0px;
	padding:0;
	border:0px solid;
}

div.sidebox:last-child{
	margin:0px 0px 0px 0px;
}

#log{
	margin:0;
	padding:0;
	border:0px solid;
	//background-color:#fff;
}

div.side {
	border-bottom:2px dashed;
	margin:0;
	padding:10px;
	font:30px/30px 'arial';
}

div.log {
	margin:0;
}

div.sidedata{
	padding:5px;
	margin:0;
	font-size:18px;
}

div.sidedata p {
	font-size:18px;
	line-height:120%;
	margin:0;
}

div.head {
	border:0px;
}

div.row{
	display: none;
	border-top:2px dashed;
}

div.tagrow{
}

div.tagrow a{
	text-decoration:none;
	border:1px solid;
	padding:2px;
	margin:2px;
	display:inline-block;
	font:24px/24px "ＭＳ Ｐゴシック";
}

.sidedatalog{
	padding:5px;
	margin:0;
	overflow-y: scroll;   /* スクロール表示 */
	max-height: 240px;
	font-size:18x;
	//background:#fff;
	border:20px #eee solid;
}

.selectbox{
font-size:20px;
}

ol.newsol {
	margin:0;
	padding-left:0;
	list-style-type:none;
}

ul.cateul,ul.tagul,ul.titlelist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ol.newsol li,ul.cateul li {
	margin-bottom:2px;
	border-bottom:1px dashed;
	padding:0;
}

ol.newsol li:last-child,ul.cateul li:last-child {
	border-bottom:0px dashed;
}

ol.newsol li a,ul.cateul li a,ul.titlelist li a{
	text-decoration:none;
	font:24px/24px "ＭＳ Ｐゴシック";
	padding:20px;
	display: block;
}

ul.cateul li a:after,ol.newsol li a:after,ul.tagul li a:after {
	float:right;
	content:">";
}

ul.cateul li a:hover,ol.newsol li a:hover,ul.titlelist li a:hover {
	background-color:#FFF5E6;
}

/*------記事------------------------------------------------*/
/*------記事枠------------*/
div.kiji,div.kiji-no,div.kiji-dic{
	border:0px solid #D47878;
	margin:0px;
	padding:0px;
}

div.kijiall {
	margin:10px 0px 0px 0px;
	padding:20px;
	border:0px solid #fff;
}

#kijiz div.kijiall:first-child {
	margin:0px 0px 0px 0px;
}

div.kijiall-no,div.kijiall-dic{
	margin:0px;
	padding:20px;
	border:0px solid #000;
}

div.haikei2 {
	background-image: url("../parts/haikei/p0026_m.png");
	//background-image: url("../parts/p0259_m.png");
}

div.backmaincolor{
	background-color:#2F59A5;
}

.noborder{
	border:0px solid #000;
}

/*------タイトル---------------------------------*/
div.title {
	border:0px solid #000;
	margin:0px 0px 20px 0px;
	padding:0px;
}

div.title-no,div.title-dic {
	border:0px solid #000;
	margin:0px 0px 20px 0px;
	padding:0px;
}

h1{
	margin:0;
	padding:0;
	font-size:28px;
	line-height:140%;
	font-weight:normal;
	font-family:メイリオ;
	border:0px #000 solid;
	color:#000;
}

div.subject{
	margin:0;
	padding:0;
	font-size:28px;
	line-height:140%;
	font-weight:normal;
	font-family:メイリオ;
	border:0px #000 solid;
}

div.subject a,h1 a{
	text-decoration:none;
	color:#000;
}

div.subject a:hover,h1 a:hover {
	text-decoration:underline;
}

/*------日時、ルビ------------*/
div.datebox,div.datebox-no {
	font:20px/20px "ＭＳ Ｐゴシック";
	margin-bottom:5px;
}

div.date,div.date-no {
	font:20px/20px "ＭＳ Ｐゴシック";
	margin-bottom:0px;
	float:left;
}

span.ruby {
	font:20px/20px "ＭＳ Ｐゴシック";
	display:block;
	margin-left:50px;
}

/*div.tuduki {
	color:#91684B;
	font-size:20px;
	line-height:20px;
	text-align:right;
	margin:0px 0px 10px 0px;
}

div.tuduki:after {
	content:">>続き";
}*/

/*------メッセージ------------*/
div.message,div.message-no,div.message-dic{
	font-size:20px;
	font-family:"ＭＳ Ｐゴシック";
	padding:0;
	margin:0;
	color:#000;
	border:0px solid #000;
	word-break:break-all;
}

/*----------行間調整-------------------------------------------*/
/*div.message p:first-child{
	font-size:22px;
	line-height:200%;
	padding:0;
	margin:0;
	word-break:break-all;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

div.message p:nth-child(n+2),
div.message ul,
div.message blockquote,
div.message img{
	display:none;
}*/

div.message p,div.message-no p,div.message-dic p{
	font-size:20px;
	line-height:180%;
	padding:0;
	margin:0px 0px 15px 0px;
	word-break:break-all;
	//border:1px #000 solid;
}

h1.toptop{
	display:inline;
	font-size:20px;
	line-height:180%;
	font-family:ＭＳ Ｐゴシック;
	font-weight:normal;
}

p.inline{
	//display:inline;
}

div.message p:last-child,
div.message-no p:last-child,
div.message-dic p:last-child {
	font-size:20px;
	line-height:180%;
	padding:0;
	margin:0;
	word-break:break-all;
}

/*----------画像------------------------------------------------*/
div.message2 img{
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:0px;
	max-width:500px;
}

div.message2-no img{
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	margin-bottom:0px;
	max-width:500px;
}

div.message-no img,div.message-dic img{
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width:500px;
}

/*---------カテゴリ、タグ-------------------------*/
div.catetag {
	margin:0px 0px 0px 0px;
	font-size:20px;
	line-height:20px;
	/*padding:5px;
	background-color:#eee;*/
	color:#000;
	display:none;
}

div.cate,div.tag {
	/*text-align:right;*/
	float:left;
	margin-left:10px;
}

div.catetag-no {
	margin:0px 0px 40px 0px;
	font-size:20px;
	line-height:20px;
	/*padding:5px;
	background-color:#eee;*/
	color:#000;
	display:none;
}

div.cate-no,div.tag-no {
	/*text-align:right;*/
	float:left;
	margin-left:10px;
}

.tag a,.tag-no a,.cate a,.cate-no a{
	text-decoration:none;
	//padding:2px;
	//border:0px solid;
}

.tag-no a:hover,.cate-no a:hover{
	text-decoration:none;
	background-color:#FFF5E6;
}

/*--------------------------------------------------------------------------*/
.pagepage {
	margin-right:2px;
	margin-left:2px;
}

span.pageline1{
	font-size:20px;
	line-height:200%;
	color:#000;
	padding:0px;
	border:0px solid #000;
	margin-left:10px;
}

.nikki{
	/*float:left;*/
	display:inline;
}

div.pagelinediv {
}

span.pageline{
	color:#fff;
	padding:0px;
	border:0px solid #000;
}

#pager {
	height:40px;
	padding:5px 10px 0px 10px;
	margin:0;
	list-style-type:none;
	text-align:center;
	display: inline-block;
	vertical-align:middle;
}

#pager li{
	width:30px;
	height:30px;
	display: inline-block;
	padding:0px;
	margin-left:0px;
	text-align:center;
	border:1px solid;
}

div.atomae {
	border:0px solid #000;
	margin-bottom:0px;
	padding:0px;

	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

div.cll {
	clear:both;
}

div.clear {
	clear:both;
}

div.ato {
	margin:0;
	padding:0px 0px 0px 2px;
	height:20px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div.mae {
	margin:0;
	padding:0px 2px 0px 0px;
	height:20px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div.mannaka {
	margin:0;
	padding:0;
	height:20px;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

div.ato a,div.mae a,div.mannaka a {
	margin:0px;
	padding:2px;
	font-size:20px;
	line-height:20px;

	color:#2F59A5;
	border:1px solid #2F59A5;

	background-color:#fff;
	text-decoration:none;
}

div.ato a:hover,div.mae a:hover,div.mannaka a:hover{
	background-color:#FFF5E6;
}

#pager li a {
	width:100%;
	height:100%;
	font:30px/100% "Century Gothic";
	border-width:0px;
	background-color:#fff;
	text-decoration:none;
	display:block;
}

#pager li a:hover {
	background-color:#fff5e6;
}

#pager li a.pagen {
	background-color:#fff;
	pointer-events: none;
}

#pager li a.thispage {
	background-color:#FAEDD1;
}

#pager li a.thispage:hover {
	background:#FAEDD1;
}

/*-------------------------------------------------------------------------*/
.buttonk {
	color:#777;
	border:1px #EEE8AA solid;
	background-color:#FAFAD2;
	padding:5px;
	font:16px/16px "ＭＳ Ｐゴシック";
	width:40%;
	border-radius:3px;            /* 草案 */
  -webkit-border-radius:3px;    /* Safari,Google Chrome用 */
  -moz-border-radius:3px;       /* Firefox用 */
}

div.buttondiv {
	border:0px solid #000;
	padding:0px;
	margin:0px;
}

div.buttondiv2 {
	padding:2px;
	font-size: 16px;
	line-height:16px;
}

div.proleft {
	border:0px solid #000;
	text-align:center;
	//width:420px;
	height:100px;
	overflow: hidden;
	background-color:#EFFE67;
}

div.proleft img {
	object-fit: cover;
	object-position:0% 100%;
	height:100px;
	width:420px;
	//width:100%;
}

div.proright {
	border:0px solid #000;
}

.text {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:3px;
	padding-bottom:3px;
	border:1px #2F59A5 solid;
	height:100%;
	font-size: 16px;
	margin-bottom:10px;
	background-color:#fff;
}

.text:focus {
	outline: 0px #000 solid;
	background:#fff;
}

/*---------------------------------------------------------------------*/
span.center {
	display: inline-block;
	width: 100%;
	text-align: center;
}

/*-------------------------------------------*/
span.new {
	border:1px solid #000;
	font-size:14px;
	background:#ffff99;
	color:#000;
	padding:0px 2px;
}

dl.logtt {
	margin:0px;
	padding:0px;
	border:0px solid #000;
	color:#000;
	font:18px/140% "ＭＳ Ｐゴシック";
}

dt.logtime {
}

dd.logtitle {
	border:0px solid #000;
	margin:0px;
	//font:18px/140% "ＭＳ Ｐゴシック";
}

dd.zero {
	border:0px solid #000;
	margin:0px;
	padding:0px;
}

ul.zero {
	margin:0px;
	padding-left:20px;
}

div.liliul {
	color:#000;
}

li.lili {
	font-size:20px;
	padding:0px;
	border:0px solid #000;
	margin-bottom:5px;
}

/*---------------------------------------------*/
dl.dllist {
	border:0px solid #000;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}

dl.dllist dt{
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
	border:0px solid #000;
}

dl.dllist dd{
	border:0px solid #000;
	margin:0px;
	padding:0px;
	font-size:13px;
}

dl.dllist dd.memo{
	border:0px solid #000;
	margin-left:10px;
	padding:0px;
	font-size:13px;
	color:#A89B74;
}

dl.dllist2{
	border:0px solid #000;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

dl.dllist2 dt{
	margin-left:0px;
	font-size:15px;
	border:0px solid #000;
}

dl.dllist2 dd{
	border:0px solid #000;
	margin-left:10px;
	padding:0px;
	font-size:14px;
}
/*--------------------------------------------*/
.as {
	background:#FFF8F5;
}

.n {
	background:#EBFFFF;
}

.s {
	background:#ffffcc;
}

.i {
	background:#DFFFDC;
}

.k {
	background:#FFF6DD;
}

/*----------------------------------------------------*/
div.kanren {
	border:0px solid #aaa;
	padding:20px;
	margin:10px 0px 0px 0px;
	color:#000;
	font-size:22px;
	line-height:120%;
}

div.kanren dl {
	padding:0;
	margin:0;
}

div.kanren dl:last-child {
	margin:0;
}

div.kanren dl dt {
	padding:0;
	margin:0;
}

div.kanren dl dd {
}

div.kanren dl dd a{
	text-decoration:none;
}

div.kanren dl dd a:hover{
	text-decoration:underline;
}

/*------------------------------------*/
img.kanban {
	width:45%;
}
/*--------------------------------------*/
.css {
	display:none;
}

/*----------------------------------------*/

/*.menuButton span {
    color: #fff;
}*/

/*.menuButton span:after {
    content: attr(data-txt-menu);
}*/

/* 開閉用ボタンがクリックされた時のスタイル */
/*.open .menuButton span:after {
    content: attr(data-txt-close);
}*/

.menu {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    //background: rgba(0,0,0,.8);
    background: #2F59A5;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

.menu ul {
    display: table-cell;
    vertical-align: middle;
}

.menu li {
    width: 300px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center;
    list-style:none;
    border-bottom:1px dashed #fff;
}

.menu li a {
    display: block;
    font-size: 18px;
    color: #fff;
    text-decoration:none;
}

.menu li a:hover {
    color: #999;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu {
    cursor: url(../images/cross.svg),auto;
    -webkit-transition: all .5s;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
    z-index: 998;
}

/*---------------------------------------------*/

.menuButton {
    //position: absolute;
    position: absolute;
    top: 0;
    right: -100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    //cursor: pointer;
    z-index: 1;
}

.menuButton {
  overflow: hidden;
  display: block;
}

.menuButton span,
.menuButton::before,
.menuButton::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  width: 36px;
  height: 4px;
  margin: auto;
  background: #000;
}
.menuButton span {
  overflow: hidden;
  z-index: 1;
  color: #000;
}
.menuButton::before {
  z-index: 2;
  transform: translate(0, -12px);
  content: "";
}
.menuButton::after {
  z-index: 2;
  transform: translate(0, 12px);
  content: "";
}

#js__btn {
	border:0px solid #000;
	cursor: pointer;
}

#js__btn:hover {
	background:#fff;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open #js__btn{
    visibility: visible;
    z-index: 999;
    color:#000;
}

.open .menuButton span {
  opacity: 1;
  transition: opacity 150ms 50ms;
}
.open .menuButton::before,
.open .menuButton::after {
  transition: transform 200ms;
}

.open .menuButton span {
  opacity: 0;
  transition: opacity 150ms;
}
.open .menuButton::before {
  transform: rotate(45deg);
}
.open .menuButton::after {
  transform: rotate(-45deg);
}