﻿/*body{margin:0px auto;overflow:auto;overflow-x: hidden;background:#fefffe;font-family:sans-serif;} */
html {scroll-behavior: smooth; background: #ffdac1;/*薄オレンジ*/}
body {margin:0 5% -5%;/*２番目外側の余白*/padding:0;/* 内側余白0*/background-color:white;/*本文部分の背景色*/}
header {width:1000px;margin:0 auto;position:relative;}
header img {max-width: 100%;height: auto;vertical-align:bottom;position:relative;}
header div {display:none;}
header p {display:none;}
/* ---- nav メニュー設定 ---- */
ul.menu {width:1000px;margin: 0px auto;padding: 0; /*background-color: #d1d1d1; バーの背景色(濃い赤色) */}
/* --- メインメニュー --- */
nav .menu li {width: 20%;height: 38px;float: left;text-align: center;font-size:16px;position: relative;/*サブメニューの表示基準位置*/display: inline-block;/*横並び*/list-style-type: none;}
ul.menu a {
   background: #515151; /* メニュー項目の背景色(濃い赤色)cc0000 */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.menu a:hover {
   background-color:#c4c4c4; /* メニュー項目にマウスが載ったときの背景色(淡いピンク)ffdddd */
   color: #ef7b28;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}
/* サブメニューの装飾 */
ul.menu ul {
   width:100%;margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}
/* サブメニューがある場合に開く処理 ※サブメニューが2階層以上ある場合述 */
ul.menu li:hover > ul {
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}
/* サブメニュー(以降の)項目の装飾 */
ul.menu ul li {
   width:100%;list-style-type: none;z-index:1000;            /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid orange; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.menu ul li a {
   line-height: 40px;    /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal;font-size:15px;background:#8c8c8c; /* 太字にはしないfont-weight: normal; */
}
ul.menu ul li a:hover {
   background-color: #dbdbdb; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色ffff80) */
   color: #ef7b28; font-weight: bold;           /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) 2d2d2d*/
}
ul.menu > li:hover li:hover > a { background: #dbdbdb;color: #ef7b28; }

/* ▼3階層目以降(孫メニュー以降)の装飾 */   /* ※下ではなく横(右)に表示します。 */
ul.menu ul ul {
   margin: 0px; width:100%;        /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   top: -1px;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;         /* ★基準位置からの距離を親ボックスの幅100％にする */
   border-left: 1px solid pink;  /* 左側に引く枠線(ピンク色で1pxの実線) */
}
ul.menu ul ul li{z-index:1000;}
ul.menu ul ul li a{font-size:14px;}
nav #sentaku a {color:#f8de92;}
nav #sentaku a:hover {background:#383838;}
nav #sentaku ul li a{color:#ffffff;background:#8c8c8c;}
nav #sentaku ul li a:hover{color:#ef7b28;background:#dbdbdb;}

/*#page{width:1000px;margin:10px auto;padding:0;text-align:center;background-position: 0 0;background-color:#fefffe;border-right:1px solid #edffdb;border-left:1px solid #edffdb;border-bottom:1px solid #fff;}*/
#page{width:1000px;height:auto;margin:10px auto;padding:0;/*text-align:center;background-position: 0 0*/;background-color:#fefffe;border-right:1px solid #edffdb;border-left:1px solid #edffdb;/*border-bottom:1px solid #fff;*/}
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 .h1level{background:url('img/icontree.png') no-repeat left top;font-size:18px;border-bottom:4px #a8d8ff solid;color:#373736;margin:25px 16px 0 5px;padding:7px 2px 2px 29px;line-height:1;}*/
/*main h3{font-size:16px;font-weight:bold;margin:12px 0 0px 14px;}/*●●●*/
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 p.no{font-size:13px;margin:10px 0 0 10px;}
main p.ver{font-size:13px;margin:-3px 9px 10px 0;text-align:right;}*/
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 img{max-width:100%;height:auto;margin:10px;}/**/
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 h1.toi{background-image:url('img/icontree.png');background-color:#eef8ff;background-position: 7px 20px;border:0px #f0f7ff solid;font-weight:normal;margin:0 16px 1px 10px;padding:17px 10px 17px 40px;line-height:1.6;}*/
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;}
/*main ol.bango{list-style-type:decimal;font-size:16px;line-height:1.7;margin:5px 22px 15px 0px;zoom:1;padding-left:2.5em;}
main ol.bango li{padding:0 0 5px 0;}
main ul.kajo{list-style-type: disc;font-size:16px;line-height:1.7;margin:5px 22px 15px 0px;zoom:1;padding-left:2em}
main ul.kajo li{padding:0 0 5px 4px;}
main ul.setumei{list-style-type: none;margin:17px 10px 15px -2px;font-size:13px;line-height:1.6;}
main ul.setumei li img{border-style:none;padding:0px 4px 12px 0px;vertical-align:middle;width:5px;height:5px;}
main img{max-width:100%;height:auto;margin-top:10px;padding:0 10px 0;zoom:1;}
main img.gazo{max-width:90%;height:auto;margin:8px 0 10px 15px;padding:0 30px 0 0;zoom:1;}
main ol img.gazo{max-width:545px;height:auto;margin:8px 0 10px -1px;padding:0 30px 0 0;zoom:1;}
main ul img.gazo{max-width:545px;height:auto;margin:8px 0 10px -1px;padding:0 30px 0 0;zoom:1;}
main p.map0{border:0px solid #ddd;margin:10px 0 0 20px;list-style-type:none;padding:0;font-size:16px;color:#444;/*font-weight:bold;*/}
/*main p.map0 a{text-decoration:none;}
main p.map0 a:hover{text-decoration:underline;}
main p.map0 img{border-style:none;padding:0 10px 2px 0;width:10px;height:10px;}
main p.map1{border:0px solid #ddd;line-height:2;margin:7px 0 0 50px;font-size:16px;}
main p.map1 a{font-size:15px;font-weight:normal;text-decoration:none;outline:none;}
main p.map1 a:hover{text-decoration:underline;}
main p.map1 img{border-style:none;padding:2px 10px 2px 1px;width:8px;height:8px;}*/
/*.hf {color:#4cae2a;font-size:0.8em;padding-bottom:2px;}
.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 ul.map2{list-style-type:none;padding:0;font-weight:normal;line-height:1.6;margin:0 0 20px 80px;}
main ul.map2 a{text-decoration:none;font-size:15px;outline:none;}
main ul.map2 img{padding:2px 10px 2px 1px;border-style:none;width:6px;height:6px;}*/
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;}
.ad .sponsor{font-size:9px;color:#225e16;text-align: center;margin-top:10px;}
.ad{text-align:center;margin:2px 6px 50px 6px;}
/*.ad non{z-index:1;}*/

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 .kakomi{margin:20px 2px 2px 3px;padding-bottom:10px;text-align:center;border:1px solid pink;}/*#f0f0f0*/
aside h3{margin:0 0 10px;padding:3px 0 0 0;color:white;font-size:14px;background:#dd3c02;border:2px solid #d1320e;border:2px solid #d1320e;line-height:1.3;z-index:1;}
aside h4{margin:0 0 10px;padding:3px 0 0 0;color:white;font-size:14px;background:#dd3c02;border:2px solid #d1320e;border:2px solid #d1320e;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:0 5px 7px 0;}
aside p a {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;}
/*a:link,
a:visited,
a:active,
a:hover{outline:none;overflow: hidden;}*/
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 table{width:142px;border:1px solid #ddd;border-collapse:collapse;color:#444;font-size:13px;}
aside th{border:1px solid #ddd;}
aside td{border:1px solid #ddd;padding:5px 5px 5px 5px;line-height:1.3;}*/
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:1060px) {
	/*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;}*/
	header img{display:none;}
	header a{color:white;text-decoration:none;}
	nav {display:none;}
/* ----- ↓ハンバーガーメニュー関連 ----- */
header {
  position: relative;
  height: 50px;
  background-color: #dd3c02; /*#eee*/
}
header p {display:block;top:0;margin:0 70px 0;padding-top:3px;color:white;font-size:17px;font-weight:bold;}
	p.sub {display:block;margin:-4px 0 0 100px;color:white;font-size:12px;font-weight:normal;}
header div {display:block;} /* */
/* 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 の表示 */
}
.btn {
  /* クリック領域のデザイン #ddd*/
  position: absolute;
  bottom:0;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #5b5b5b;
}
#open .spmenu,
#open .spmenu::before,
#open .spmenu::after {
  /* 横棒のデザイン */
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 1px;
  background-color: #ffffff;
}
#open .spmenu {
  top: 50%;
  margin:-1px 0 0 11px;  /*-1px 5px 0*/
}
#open .spmenu::before {
  top: -6px;
}
#open .spmenu::after {
  top: 6px;
}
.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;}
}

}