﻿


main{display:block;width:74%;height:auto;float:left;overflow: hidden;padding:0;top:90px;text-align:left;margin:5px 2px 80px 5px;color:#444;background:white;clear:both;}
main h1{font-size:20px;border-bottom:5px #ffb27f solid;color:#373736;margin:25px 16px 0 5px;padding:7px 1px 0 5px;line-height:1;}/**/
main h2{font-size:18px;border-bottom:6px #f6f9cc solid;color:#373736;margin:25px 16px 0 5px;padding:7px 2px 0 5px;line-height:1;}
main h3{font-size:17px;color:#373736;margin:25px 16px 5px 5px;padding:7px 2px 0 5px;line-height:1;}
main p{font-size:16px;margin:8px 8px 10px 14px;padding:0 10px 8px 0;line-height:1.7;}
main a{color:black;font-size:16px;color:#001591;outline:none;text-decoration:none;}
main a:hover{color:orange;text-decoration: underline;}
main a.lnktxt{color:#001591;text-decoration: underline;}
main nav.navi{font-size:12px;color:#444;margin:2px 10px 0 0;padding:1px 10px;line-height:1.6;}
main nav.navi a{color:#001591;font-size:12px;text-decoration:underline;text-decoration-color:#cccccc;}
main nav.navi a:hover{color:orange;text-decoration:underline;}
main nav.navi .thispage{color:#003c00;font-weight:bold}
main .kasen{background:linear-gradient(transparent 60%, #eaf7c5 0%);}/*d9f7c5*/
main figure{margin:10px 30px 0 15px;}
main figcaption{margin:-8px 0 28px 20px;font-size:0.8em;}
main .luminous img {border:3px dotted #98f759;max-width:100%;height:auto;}
main img.gazo{border:3px dotted #98f759;max-width:100%;height:auto;}/* ！！！削除予定　gazo使わない！！*/
main ol li{margin-bottom:5px;line-height:1.8;}
main ul li{margin-bottom:5px;line-height:1.6;list-style-type: square;}
li.nontype{list-style-type:none;margin-left:-5px;}
main ul.map{margin-left:20px;}
main ul.map a{text-decoration:none;line-height:2;}
main ul.map li {font-weight:bold;}
main ul.map li a{font-weight:bold;list-style-type: square;}
main ul.map li ul li{font-weight:bold;list-style-type: none;}
main ul.map li ul li ul li{font-weight:normal;}
main ul.map li ul li ul li a{font-weight:normal;}
main ul.map .maptxt{list-style-type:none;margin-left:-10px;}
.ex {color:#14843c;font-size:0.8em;padding-bottom:2px;}
.ac {color:#ba001a;font-size:0.8em;padding-bottom:2px;}
.vb {color:#bceee8;font-size:0.8em;padding-bottom:2px;}
.of {color:#ea5400;font-size:0.8em;padding-bottom:2px;}
.wd {color:#0052a8;font-size:0.8em;padding-bottom:2px;}
.pp {color:#d47016;font-size:0.8em;padding-bottom:2px;}
.ol {color:#267cdc;font-size:0.8em;padding-bottom:2px;}
.win {color:#141414;font-size:0.8em;padding-bottom:2px;}*/
main dl{margin:0 10px 10px 15px;}
main dt{font-size:15px;font-weight:bold;}
main dd{text-indent:-2em;}
main .dd2{margin-left:90px;text-indent:-1em;}
main pre{margin:-20px 0 15px 50px;}
main code{font-family:sans-serif;}
main table.list{width:95%;border:0px solid #ddd;border-collapse:collapse;color:#444;margin:15px 25px 40px 8px;}
main table.list th{border:0px solid #ddd;text-align:left;padding-left:11px;font-size:14px;}
main table.list td{border:0px solid #ddd;padding:5px 0 5px 8px;}
main table.list td:nth-child(1) {width:40px;}
main table.list tr.komoku{border:0px solid #ddd;background:#f0f7ff;}
main table.ichiran{width:95%;border:1px solid #ddd;border-collapse:collapse;color:#444;margin:0px 25px 25px 15px;}
main table.ichiran th{border:1px solid #ddd;text-align:left;padding:0 10px 0 10px;font-size:13px;height: 2em;}
main table.ichiran td{border:1px solid #ddd;font-size:12px;padding:5px 10px 5px 10px;}
main hr{text-align:left;margin:60px 0 20px 20px;width:80%;border-top: 3px dashed #f6f9cc;}
main .parts{margin:20px 0 40px 35px;}
.ads .sponsor{font-size:10px;color:#225e16;text-align: center;margin-top:20px;}
.ads {text-align:center;margin:2px 6px 50px 6px;}
main .box {
    /*border-radius: 2px;*/
    margin: 50px 20px;
    padding:15px 13px;/*1.1em 1em 0em 1em*/
    position: relative;
    /*margin:33px 20px;*/
}
main .box::before {
  	/*border-radius: 2px;*/
    color: #222222;
  	/*font-size:17px;*/
    font-weight: bold;
    position: absolute;
    top: -31px;
    left: -6px;
}
main .box p{margin:12px -5px 0 4px;}
main .box .boxtitle {
	font-weight: bold;margin:0;
	font-size:17px;
	background: #e5e5e5;padding:6px 0 0 8px;
}
main .hint {border: 7px solid #ffffba;}
main .hint::before {
    background: #ffffba url("img/hint.png") no-repeat;
    content: "ヒント";
    padding: 5px 12px 1px 35px;
}
main .memo {border: 7px solid #ffdcea;}
main .memo::before {
    background:#ffdcea url("img/memo.png") no-repeat;
  	/*border-radius: 2px;*/
    content: "メモ";
    padding: 5px 12px 1px 40px;
}
main .shortcut {border: 7px solid #dee4ff;}
main .shortcut::before {
    background: #dee4ff url("img/shortcut.png") no-repeat;
    content: "ショートカット キー";
    padding: 5px 12px 1px 40px;
}
.stepup {border: 7px solid #e3c5f7;}
.stepup::before {
    background: #e3c5f7 url("img/stepup.png") no-repeat;
    content: "ステップアップ";
    padding: 5px 12px 1px 40px;
}
main .keyword {border: 7px solid #ffdcea;}
main .keyword::before {
    background: #ffdcea url("img/keyword.png") no-repeat;
    content: "キーワード";
    padding: 5px 12px 1px 40px;
}
.sns { margin: 50px 0 30px 15px;}
.sns img {padding:2px;}
/** {zoom:1;}
ul,ol,li {zoom: normal;}*/
aside{width:23%;float:right;overflow:hidden;min-height:100%;height:100%;margin:17px 2px 60px 2px;padding:0;border:1px solid #fff;}
aside h4{margin:0 0 10px;padding:3px 0 0 0;color:white;font-size:14px;background:#5e5e5e;border:2px solid #5e5e5e;line-height:1.3;z-index:1;}
aside p{font-size:13px;/*line-height:1.3;*/padding:2px 5px 3px 0;background-color:white;margin:10px 5px 7px 0;}
aside p a {font-size:15px;color:#001591;text-decoration:none;}
aside p a:hover{color:#ff8b29;text-decoration: underline;}
/*aside a p{color:#001591;text-decoration:none;}*/
aside img{margin:2px 5px;border-style:none;}
aside ul{border:0px solid #f0f0f0;margin:0 5px 10px 0;padding:0 3px 2px 3px;text-align:left;}
aside li{font-weight:normal;margin:0;padding:2px 0 1px 3px;list-style-type:none;font-size:12px;}
aside li a{width:100%;text-decoration:none;color:#001591;line-height:1.2;outline:none;}
aside li a:hover{color:#ff8b29;text-decoration: underline;}
aside li img{margin:5px;}
aside ul.learnlist li{font-size:15px;font-weight:bold;}/*2px 3px -10px 0margin-bottom:3px;*/
aside ul.learnlist li li{margin:18px 5px 0 4px;font-size:14px;font-weight:bold;}/*padding-bottom:5px;*/
aside ul.learnlist li li li{/*padding-bottom:5px;*/margin:18px 5px 0 8px;font-weight:normal;}/*margin:3px 0 0 6px;font-size:13px;*/
/* 親に収めつつ幅を95%に */
#gglsearch,
#gglsearch .gcse-search,
#gglsearch .gsc-search-box,
#gglsearch .gsc-input-box,
#gglsearch input.gsc-input {
  width: 95% !important;
  max-width: 95% !important;
  box-sizing: border-box;
  margin: 0 auto;
}
/* 親のはみ出し防止 */
.kakomi { box-sizing: border-box; overflow: hidden; }
#gglsearch .gsc-search-box td {
  padding-left: 0;
  margin: 0;
  width: 100%;
  display: block;
  border: none;
  box-sizing: border-box;
}
#gglsearch td.gsc-clear-button{display:none;}


footer{padding-top:85px;max-width:100%;clear:both;}
footer p{clear:both;border-top:0px solid #888;padding:25px 0 0 0;text-align:center;}
footer .ad {max-width:100%;height:auto;text-align:center;}
footer p.cr{clear:both;color:white;padding:4px 0 3px 0;margin:0;background:#c94922;line-height:1.5;}
#totop {position:fixed;bottom:20px;right:20px;opacity: 0;z-index: 9999;}
#totop a {
  display:flex;
  justify-content:center;
  align-items:center;
  width:66px;
  height:65px;
  font-size:40px;
  text-decoration:none;
  color:#ffffd7;
  background:#4cae2a;
}
#totop a:hover {background:#f8a91e;}


/*-------- luminous-basic.min.css --------*/
/*!
 * Luminous v2.3.4
 * Copyright 2015-2021, Zebrafish Labs
 * Licensed under BSD-2 (https://github.com/imgix/luminous/blob/main/LICENSE.md)
 */
@keyframes a{0%{opacity:0}to{opacity:1}}@keyframes b{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes c{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes d{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.lum-lightbox{background:rgba(0,0,0,.6)}.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}.lum-lightbox-inner img{position:relative}.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:700px;text-align:center}.lum-loading .lum-lightbox-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:20px;animation:c 1.8s linear infinite}.lum-lightbox-loader:after,.lum-lightbox-loader:before{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}.lum-lightbox-loader:before{left:0;animation:d 1.8s linear infinite}.lum-lightbox-loader:after{right:0;animation:e 1.8s linear infinite;animation-delay:-.9s}.lum-lightbox.lum-opening{animation:a .18s ease-out}.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}.lum-img{transition:opacity .12s ease-out}.lum-loading .lum-img{opacity:0}.lum-gallery-button{overflow:hidden;text-indent:150%;white-space:nowrap;background:transparent;border:0;margin:0;padding:0;outline:0;position:absolute;top:50%;transform:translateY(-50%);height:100px;max-height:100%;width:60px;cursor:pointer}.lum-close-button{position:absolute;right:5px;top:5px;width:32px;height:32px;opacity:.3}.lum-close-button:hover{opacity:1}.lum-close-button:after,.lum-close-button:before{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#fff}.lum-close-button:before{transform:rotate(45deg)}.lum-close-button:after{transform:rotate(-45deg)}.lum-previous-button{left:12px}.lum-next-button{right:12px}.lum-gallery-button:after{content:"";display:block;position:absolute;top:50%;width:36px;height:36px;border-top:4px solid hsla(0,0%,100%,.8)}.lum-previous-button:after{transform:translateY(-50%) rotate(-45deg);border-left:4px solid hsla(0,0%,100%,.8);box-shadow:-2px 0 rgba(0,0,0,.2);left:12%;border-radius:3px 0 0 0}.lum-next-button:after{transform:translateY(-50%) rotate(45deg);border-right:4px solid hsla(0,0%,100%,.8);box-shadow:2px 0 rgba(0,0,0,.2);right:12%;border-radius:0 3px 0 0}@media (max-width:460px){.lum-lightbox-image-wrapper{display:flex;overflow:auto;-webkit-overflow-scrolling:touch}.lum-lightbox-caption{width:100%;position:absolute;bottom:0}.lum-lightbox-position-helper{margin:auto}.lum-lightbox-inner img{max-width:none;max-height:none}}
/*---------luminous-basic.min.css---------*/


/*===========タブレット・スマホ=================*/
@media screen and (max-width:1150px) {
	/*body {box-sizing:border-box;max-width:1060px;}*/
	header {width:100%;}padding:0 15px;
	header img {max-width:100%;height: auto;}
	nav .menu {width:100%;height:35px;font-size:14px;}
	#page {width:98%;}
	/*main {float:none;width:100%;margin-top:35px;}*/
	aside .kakomi img {max-width:94%;height:auto;}
}
@media screen and (max-width:850px) {
	/*body {box-sizing:border-box;max-width:850px;padding:0 15px;}*/
	/*header {width:100%;}
	header img {max-width:100%;height: auto;}
	nav .menu {width:100%;height:35px;font-size:14px;}*/
	nav .menu ul li {height:35px;}
	nav .menu ul li a {font-size:14px;}/**/
	nav .menu ul ul li a {font-size:12px;}
	/*#page {width:100%;}*/
	main {float:none;width:100%;margin-top:35px;}
	main nav.navi{margin-top:5px;}
	main img{max-width:100%;height:auto;}
	main p.map0{line-height:3;margin:0 0 10px 50px;font-size:19px;}
	main p.map1{line-height:3;margin:0 0 10px 50px;font-size:18px;}
	main table td{height:45px;}
	main table.list td{padding:5px 0 7px 12px;}
	aside {float:none;width:100%;text-align: center;}
	aside .adraku{width:24%; margin: 0 auto;}
	aside li{text-align: center;}
	aside .kakomi{margin:20px 7px 1px 3px;}
	footer {width:100%;}
	aside li.kate1{text-align:left;margin:2px 3px 8px 30px;}
	aside li.kate2{text-align:left;margin:2px 3px 8px 70px;}
	aside li.kate3{text-align:left;margin:2px 2px 8px 110px;}
}
@media screen and (max-width:780px) {
	/*body {box-sizing:border-box;max-width:780px;padding:0 15px;}*/
	nav .menu li a{font-size:13px;}
	nav .menu ul li a {font-size:13px;}
	nav .menu ul ul li a {font-size:11px;}
}
@media screen and (max-width:730px) {
	/*body {box-sizing:border-box;max-width:730px;padding:0 15px;}*/
	nav .menu ul li a {font-size:12px;}
}
@media screen and (max-width:680px) {
	/*body {box-sizing:border-box;max-width:680px;padding:0 15px;}*/
/* ----- ↓ハンバーガーメニュー関連 ----- */
/* close のデザイン */
#close {
  /* 画面左上に配置 */
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  /* 画面全体 */
  width: 100%;
  height: 100%;
  /* menu より下 */
  z-index: 99;
  /* その他デザイン */
  background-color: rgba(128, 128, 128, 0.5);
  margin: 0;
}
/* menu のデザイン */
.menu_sp {
  /* 画面左上に配置 */
  position: fixed;
  top: 0;
  right: 0;
   画面左4割分 */
  width: 50%;
  height: 100%;
  /* close より上 */
  z-index: 100;
  /* その他デザイン 
  background-color: orange;
  margin: 0;*/
}
/* checkbox は非表示 */
#check {
  display: none; /* checkbox の非表示 */
}
/* checkbox が OFF(=初期状態) の表示・非表示設定 */
#close {
  display: none; /* close の非表示 */
}
.menu_sp {
  display: none; /* menu の非表示 */
}
/* checkbox が ON の表示・非表示設定 */
#check:checked ~ #close {
  display: block; /* close の表示 */
}
#check:checked ~ .menu_sp {
  display: block; /* menu の表示 */
}
.menu_sp {
  list-style: none;
  padding: 0;
  width:280px;
  background-color:#eee;/* #eee*/
  animation: fadeIn .2s linear;
  overflow: auto;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.menu_sp li {
  margin:13px 10px;color:blue;list-style-type: none;/* margin:15px 0 0 6px;#eee list-style-type: square*/
}
.menu_sp li ul li{
  margin-left:-10px;color:blue; /*eee list-style-type: squar*/
}
.menu_sp li ul li{
  margin-left:-20px;color:blue; /*eee list-style-type: squar*/
}
.menu_sp a {
  color:black;
}
summary {list-style: none;}
summary::after {content: "　＋";font-size:1.1em;}
details[open] > summary::after {content: "　－";}
/* ----- ハンバーガーメニュー関連↑ ----- */
	main table td{height:60px;}*/
	main p.map0 {margin:10px 0 0 10px;}
	main p.map1 {margin:7px 0 0 40px}/*●●●*/
	main p.map2 {margin:0 0 0 50px;}
	main nav.navi{font-size:16px;}
	main nav.navi a{font-size:16px;}
}
@media screen and (max-width:414px) {
	body {box-sizing:border-box;max-width:414px;padding:4px 15px;}
	header p {padding-top:9px;}
	header p.p_br {margin-top:-9px;}
	.ad non{display: none;}
	main ul li{margin:0 20px 10px -10px;line-height:1.6;list-style-type: square;}
	main ul.map{margin-left:0;width:95%;line-height:1.7;}
	main ul.map li a{font-size:1.1em;}
	main ul.map li ul li ul li a{font-size:1em;}
}

}