@charset "shift_jis";.sageru{padding-top:4px;padding-bottom:4px}img{border-width:0}strong{color:#333;text-decoration:none;font-style:bold}

html {
 overflow-x: hidden;
 overflow-y: scroll; -webkit-overflow-scrolling: touch
 }
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	margin: 0;
    padding: 0;

}

#aowaku{background:-webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);background:repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;background-color:#1e8d96;padding-top:20px;padding-bottom:0;width:100%;margin: 15px 0 0 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;text-align:center;font-size:1.3em}

#aowaku img{margin-right:3px;margin-top:4px}
h1{font-size:1.2em;font-weight:700;color:#fff}
.gure{color:#666;line-height:1.8em}
h2{font-size:110%;font-weight:700;color:#333;margin:20px 0 10px 0px;padding:0 10px;}
h3{font-size:100%;font-weight:700;color:#333;margin:10px;}

ul{list-style:disc;padding-top:0;padding-bottom:0;margin-top:3px}.nen{font-size:150%;font-weight:700;color:#333;margin-right:0;margin-bottom:-28px;margin-left:-10px;padding-left:18px;display:block;padding-top:30px}#main{text-align:center;}#main h2{border-style:solid;border-width:0 0 1px 0;border-color:#333}

#main h3{font-size:1.05em;margin-bottom:-1px}p{margin:0}

.banner_box{
	text-align:center}
#hav{margin:0;text-align:left;font-size:80%;line-height:170%;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}#hav h2{border-style:solid;border-width:0 0 1px 0;border-color:#333}#hav h3{margin-left:0;font-size:1.05em;margin-bottom:-1px}.link{padding:0;text-align:left;font-size:90%;line-height:170%;margin-top:15px;margin-right:0;margin-bottom:0;margin-left:0}.link ul{color:#7d8085;text-align:left}.link h3{color:#fff;border:1px solid #0db4d1;display:block;padding-top:5px;padding-bottom:5px;padding-left:10px;background-color:#0a93ab;background-repeat:repeat;margin-top:20px;margin-bottom:0}.link li{border-bottom:1px solid #0db4d1;font-weight:700;font-size:.85em;height:25px;margin:5px 0;padding:0;list-style-type:none;background-image:url(../img/menu.gif);background-repeat:no-repeat;text-indent:15px}.link li a{color:#222;display:block;height:25px;padding:5px 0 0 10px;text-decoration:none}.link li a:hover{color:red;display:block;padding:5px 0 0 10px;text-decoration:none;background-image:url(../img/menu3.gif);background-repeat:no-repeat}.akalink{text-align:right;margin-right:26px}.akalink a{text-decoration:none;font-weight:700}.akalink a:hover{color:red;background-color:#fff;font-weight:700}


#footer span{visibility:hidden;display:none}
.pagetop{display:block;text-align:right;font-size:90%;background-image:url(../img/pagetop.gif);margin-top:10px;margin-right:0;margin-bottom:10px;margin-left:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:20px;background-repeat:no-repeat;background-position:right center}.next{display:block;margin-right:auto;margin-left:auto;padding-top:0;padding-bottom:23px;padding-left:11px;padding-right:5px;font-size:1.1em;line-height:1.2em;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#999;text-align:center;width:315px}.next a{text-decoration:none;color:#345119;padding:5px;margin-left:15px;font-weight:700;line-height:2em;display:inline-block;text-align:left}.ads{padding-left:30px;margin-top:-6px;margin-bottom:30px}.adst{border-bottom-color:#ddd;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid;border-top-color:#ddd;text-align:center;width:340px;margin-right:auto;margin-left:auto}.adst2{border-bottom-color:#ddd;padding-top:10px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-top-width:1px;border-top-style:solid;border-top-color:#ddd;text-align:center;width:240px;margin-right:auto;margin-left:auto}.adstn{padding-left:7px;padding-top:15px;padding-bottom:5px}.kiro{color:#069;background-color:#ff0;border:1px solid #f90;vertical-align:middle;margin-right:0;line-height:2em;margin-left:.2em;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}.kirom{color:#069;background-color:#ff0;border:1px solid #f90;vertical-align:baseline;margin-right:.2em;line-height:2em;margin-left:.2em;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}.kkirom{color:#069;background-color:#ff0;margin-left:.2em;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}.setumei1{font-size:.9em;color:#333}.kuro{color:#fff;background-color:#666;border:1px solid #000;vertical-align:middle;margin-right:0;line-height:2em;margin-left:.4em;padding-top:.4em;padding-right:.4em;padding-bottom:.4em;padding-left:.4em}.kuroh{color:#fff;background-color:#666;border:1px solid #000;vertical-align:middle;margin-right:0;line-height:2em;margin-left:-1.5em;padding:.4em}
.aka{color:#fff;background-color:#f33;border:1px solid red;vertical-align:middle;margin-right:0;line-height:2em;margin-left:.2em;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}.akam{color:#f33}.aom{color:#00f}#pank{float:right;margin-right:0em;margin-left:0;padding:1.5em 0}#pank li{float:left;list-style-type:none;padding-top:10px;font-size:.8em}#pank li a{margin-right:5px;padding-right:10px;background-image:url(../img/path.gif);background-repeat:no-repeat;background-position:right center;color:#666;border:1px solid #fff;padding-left:5px}#pank li a:hover{margin-right:5px;padding-right:10px;border:1px solid #2b66a5;color:#000;background-color:#ffffe0;padding-left:5px}#mlist{width:440px;padding-left:35px;padding-top:3px;margin-top:3px;padding-right:10px}.ue5{padding-top:5px}.lin{line-height:2em;font-size:110%}.line{padding-top:5px;line-height:2.2em}.nt{display:block;text-align:right;font-size:90%;margin-top:10px;margin-right:0;margin-bottom:10px;margin-left:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:10px}.nt a{font-weight:700;padding-right:2px;padding-left:2px}.mp{font-size:.9em;line-height:1.2;padding-top:12px;padding-right:15px}.mptn{font-size:.9em;line-height:1.2;padding-left:35px}table#table1{background:silver}table#table1 th{padding-left:5px;text-align:left;background-image:url(../img/tb.gif)}table#table1 td{border:1px solid #fff;padding-left:7px;background-color:#fff}table#table2{width:99%;border-collapse:collapse;border-spacing:0;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-top-color:#e3e3e3;border-right-color:#e3e3e3;border-bottom-color:#e3e3e3;border-left-color:#e3e3e3;border-bottom-style:solid}table#table2 td{padding-top:5px;padding-bottom:5px}table#table3{background:silver}table#table3 th{padding-left:5px;text-align:left;background-image:url(../img/tb.gif);width:25%;text-indent:10px;padding-top:5px;padding-bottom:5px}table#table3 td{border:1px solid #fff;padding-left:7px;background-color:#fff;font-size:.9em}table#table3 .moji{font-size:.95em;font-weight:700;color:#333}table#table4{width:480px;border:1px #666 solid;border-collapse:collapse;border-spacing:0}table#table4 th{padding:5px;font-weight:700;line-height:120%;background-color:#fff;border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666}table#table4 td{padding:5px;border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666;text-indent:5px}table#table4 .moji{font-size:.95em;color:#fff;background-color:#0db4d1;text-align:left;text-indent:5px}table#table4s{width:280px;border:1px #666 solid;border-collapse:collapse;border-spacing:0;margin-left:40px;margin-top:10px}table#table4s th{padding:5px;font-weight:700;line-height:120%;background-color:#fff;border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666}table#table4s td{padding:5px;border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666;text-indent:5px}table#table4s .moji{font-size:.95em;color:#fff;background-color:#0db4d1;text-align:left;text-indent:5px}table#table5{width: 100%;border:1px #666 solid;border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:20px}table#table5 th{font-weight:700;line-height:140%;background-color:#0db4d1;border-top-width:0;border-right-width:0;border-bottom-width:2px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666;color:#fff;padding-top:5px;padding-bottom:5px;padding-left:3px}table#table5 td{border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666;font-size:.9em;padding-left:5px}table#table6{border:1px #666 solid;border-collapse:collapse;border-spacing:0;margin-top:15px;margin-bottom:20px;width:730px}table#table6 th{font-size:1.1em;border-left-style:solid;border-left-color:#000;border-right-style:solid;border-right-color:#000;border-right-width:1px;border-left-width:1px;background-image:url(../img/tback.png);line-height:1.6em;text-indent:5px;padding:5px}table#table6 td{border-top-width:0;border-right-width:0;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666;font-size:.9em;padding-top:10px;padding-right:7px;padding-bottom:5px;padding-left:7px;text-align:center}table#table7{border:1px #666 solid;border-collapse:collapse;border-spacing:0;width:480px;margin-top:15px;margin-bottom:20px}table#table7 th{font-weight:700;line-height:140%;background-color:#0db4d1;color:#fff;padding-top:5px;padding-bottom:5px;padding-left:3px}table#table7 td{text-indent:5px;font-size:.9em;padding-top:5px;padding-bottom:5px;padding-left:5px}.hidahe{font-weight:700;margin-bottom:.6em;margin-right:1em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999}.hidahe img{margin-bottom:-3px}.thb{color:#333;background-image:url(../img/ttback.png)}.rightyaji{text-align:right}.rightyaji a{font-size:1.4em;text-decoration:none;color:#666;padding-left:1px;padding-top:5px;font-weight:700}.rightyaji a:hover{color:red;background-color:#fff;padding-left:1px}.rightt{text-align:right}.leftt{text-align:left}.leftb{padding-left:100px;padding-top:10px}.centerr{text-align:center}.hidari{padding-left:120px}.setume{padding-left:25px;padding-right:25px;padding-bottom:10px}.kutiko{padding-left:10px;padding-right:25px;padding-top:15px}.kutiko a{color:#069;background-color:#ff0;border:1px solid #fff;vertical-align:middle;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}.kutiko a:hover{color:#069;background-color:#ff0;border:1px solid #f90;vertical-align:middle;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}#kanso{width:340px;font-size:.8em;line-height:1.3em;padding-left:0}#kanso2{width:370px;font-size:.8em;line-height:1.3em;padding-left:0}#kanso2 strong{color:#069;background-color:#ff0;border:1px solid #f90;margin-right:0;line-height:2em;margin-left:.2em;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}#kanso strong{color:#069;background-color:#ff0;border:1px solid #f90;margin-right:0;line-height:2em;margin-left:.2em;padding-top:.2em;padding-right:.1em;padding-bottom:.2em;padding-left:.2em}#tan{line-height:1.3em}#tan strong{color:#069}#tan h2{color:#333;margin-top:0;margin-bottom:1px}.setut{margin-top:-2px;background-color:#fff;margin-bottom:13px;margin-left:5px;padding-left:10px;padding-top:3px;padding-right:5px;padding-bottom:3px;border:1px solid #ccc}.setut li{font-size:.93em;line-height:1.4em;color:#333;list-style-type:none}.setutt{margin-top:4px;background-color:#fff;margin-bottom:13px;margin-left:20px;padding-left:10px;padding-top:15px;padding-right:10px;padding-bottom:10px;border:1px solid #ccc}.setutt li{font-size:.93em;line-height:1.6em;color:#333;list-style-type:none;margin-left:10px}.setutt strong{font-size:1.2em;list-style-type:none;line-height:1.8em}


.waku{margin: 20px 0px 20px 0px;padding:20px 5px 20px 5px;border:1px solid #aad3db;background-image:url(../img/block.gif);text-align:center}

.wakunasi{margin: 20px -15px 20px -15px;border:1px solid #aad3db;text-align:center}


.wakumaru{border: 1px solid #ccc;
    border-radius: 10px;
    padding: 1em;
    margin: 1em;
    font-size: 0.9em;}

.wakumaru2{border: 1px solid #BDBDBD;
    border-radius: 10px;
    padding: 1em;
    margin: 1em;
    font-size: 0.9em;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2)}
.wakumaru2 a{
	text-decoration:none;
	font-size:1.2em;
	font-weight:700;}
	
.wakumaru3{border: 1px solid #BDBDBD;
    border-radius: 3px;
    padding: 1em;
    margin: 1em 0;
    font-size: 0.95em;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)}
.wakumaru3 a{
	text-decoration:none;
	font-size:1.2em;
	font-weight:700;}


.wakusuma{margin: 20px 15px 20px 15px;padding:20px 5px 20px 5px;border:1px solid #aad3db;background-image:url(../img/block.gif);text-align:center}
.wakubb{margin:0;padding:20px 10px 20px 10px;border:1px solid #aad3db;background-image:url(../img/blockbb.gif)}.wakurr{margin:0;padding:20px 10px 20px 10px;border:1px solid #aad3db;background-image:url(../img/blockrr.gif)}.wakuss{border:1px solid #aad3db;background-image:url(../img/block.gif);padding:20px;margin-top:0;margin-right:20px;margin-bottom:20px;margin-left:20px}.waku2{border:1px solid #aad3db;background-image:url(../img/block.gif);padding-top:20px;padding-bottom:15px;margin-top:5px;margin-right:20px;margin-bottom:5px;margin-left:5px;padding-right:20px}.waku3{border:1px solid #aad3db;background-image:url(../img/block.gif);padding-top:15px;padding-bottom:0;margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:10px;padding-right:0;padding-left:0;text-align:left;width:285px}

.waku4{border:1px solid #aad3db;background-image:url(../img/block.gif);padding-top:17px;padding-bottom:5px;margin-top:5px;margin-right:0px;margin-bottom:5px;margin-left:0px;padding-right:1em;padding-left:1em;text-align:left}
.waku4 a{line-height:1.9em}

.wakusiro{margin:20px;padding:20px 20px 20px 20px;border:1px solid #aad3db;background-color:#fff}.wakumeri{border:1px solid #aad3db;background-image:url(../img/block.gif);padding-top:15px;padding-bottom:15px;margin-top:15px;margin-right:0;margin-bottom:5px;margin-left:0;padding-right:5px;padding-left:15px;font-size:.9em;text-align:left}.wakumeri ul{line-height:2.5em}.wakumeri li{line-height:2.5em;font-size:1.2em}.wakumeri strong{display:block;padding-top:5px}.wakumeri p{margin-left:5px}.rig{margin-right:5px;text-align:right;display:block}.l16{line-height:2em;font-weight:700;color:#666}.imano{line-height:1.7em;float:right;width:220px;text-align:left;text-indent:0;margin-top:-2px}.wakuti{border:1px solid #aad3db;background-image:url(../img/block.gif);width:300px;margin-top:10px;margin-right:20px;margin-bottom:20px;margin-left:20px;padding-top:5px;padding-right:20px;padding-bottom:20px;padding-left:20px}.tami{background-color:#0db4d1}.tami a{color:#fff;vertical-align:middle;font-size:1.1em}.sitahe{line-height:4em}.yajit{margin-top:-2px;margin-bottom:-2px;padding-left:5px}.yajit li{padding-left:0;background-image:url(../img/migi.gif);background-repeat:no-repeat;list-style-type:none;text-indent:13px;background-position:1px;font-size:1em;line-height:1.6em;margin:0}.yajit dt{padding-left:15px;margin:0;list-style-type:none;line-height:1.4em;font-size:.9em}.sgo{margin:20px;padding:20px 20px 20px 20px;border:1px solid #aad3db;font-size:.9em;color:#333;text-align:left}.sgo a{color:#00f;vertical-align:middle;font-size:1.1em;line-height:2em;font-weight:700}.sgo img{margin-right:5px}.nono{line-height:2em;list-style-type:none;margin-top:-5px}.hida{padding-left:15px}.hidati{padding-left:15px;font-size:.9em;line-height:1.25em}.hidatiti{padding-left:25px;font-size:.82em;line-height:1.25em;color:#333}.tate{line-height:2em;color:#333}.wakuu{font-size:.9em;color:#666;line-height:1.2em;background-image:url(../img/waku.gif);background-repeat:no-repeat;padding-left:10px;padding-right:10px;height:140px;width:270px}.sukima{height:1px}.sukima2{height:5px}.tii{height:auto;font-size:.87em;color:#666}.tii3{font-size:.87em;color:#666;display:block;padding-top:39px;margin-left:-30px}.righthe{padding-left:23px}.migihet{margin-left:220px;line-height:1.2em;padding-top:10px}.migis{padding-left:30px}.migiss{padding-left:20px}.migisss{padding-left:10px}.bai{line-height:2.3em}.kazuue{vertical-align:-2px}.aget{margin-bottom:-7px}.saget{padding-bottom:3px}.uesita{line-height:2.2em}.uesitas{line-height:1.5em}.tiiku{font-size:.9em}.uee{margin-top:-15px}.ookiku{font-size:1.2em}.ookiku2{font-size:1.3em;font-weight:700}.ookiku3{font-size:1.8em;font-weight:700}.uee10{margin-top:-5px;margin-left:10px;font-size:.95em;color:#666;line-height:1.4em;margin-bottom:10px}.uee15{margin-top:-1px;margin-left:10px;font-size:.95em;color:#666;line-height:1.4em;margin-bottom:10px}.waku20{border:1px solid #aad3db;background-image:url(../img/block.gif);font-size:.92em;color:#666;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;margin-top:3px;margin-right:20px;margin-bottom:20px;margin-left:33px}.sema{line-height:1.3em}.semai{line-height:1.3em}.tatili{line-height:1.6em;font-size:.9em;text-align:center}.tatili a{color:#333;text-decoration:none}.tatili a:hover{color:red;text-decoration:none;background-color:#fff}

.tatili li{color:#333;list-style-type:none;text-align:left;font-size:.8em;
margin-left:1em;}

.tadaili{font-size:1.2em;font-weight:700;color:#333;line-height:1.1em}.tataida{color:#fff;background-color:#006;display:block;height:20px;text-align:center;padding-top:5px;font-weight:700;width:100px;margin-top:15px}.tataidag{color:#fff;background-color:#ccc;display:block;margin-top:15px;height:20px;text-align:center;padding-top:5px;font-weight:700;width:100px}.tataidasi{color:#fff;background-color:#009;display:block;height:20px;text-align:center;margin-top:0;padding-top:0;font-size:.9em;width:100px}.tataidasid{color:#fff;background-color:#009;display:block;height:23px;text-align:center;margin-top:0;padding-top:4px;font-size:1.3em;padding-bottom:0;margin-right:9.5px}.tataidasig{color:#fff;background-color:#ccc;display:block;height:20px;text-align:center;margin-top:0;padding-top:0;font-size:.9em;width:100px}.tataidatig{color:#fff;background-color:#ccc;display:block;margin-right:9.5px;height:20px;text-align:center;padding-top:5px;font-weight:700;font-size:.8em;width:100px}.tataidatigg{color:#fff;background-color:#ccc;display:block;margin-right:9.5px;height:20px;text-align:center;padding-top:5px;font-weight:700;font-size:.8em;width:100px;margin-top:15px}.tataidati{color:#fff;background-color:#006;display:block;width:100px;height:20px;text-align:center;padding-top:5px;font-weight:700;font-size:.8em;margin-top:15px}.nai{list-style-type:none}.nai li{line-height:2.5em}.nai img{padding-bottom:5px}
#topti{margin:0 5px;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:0;text-align:left}
#topti h2{background:-webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);background:repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;background-color:#1e8d96;padding:.5em 1em;margin-right:0;margin-bottom:0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;font-size:1.2em}
#topti h1{color:#fff;border:1px solid #0db4d1;display:inline;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:30px;background-color:#087d91;background-repeat:repeat;margin-left:20px;background-repeat:no-repeat;background-image:url(../sozai/maru.png);background-position:7px}

#topti h3{background:-webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);background:repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;background-color:#1e8d96;padding: .5em 1em;margin: 0;;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;font-size:1.2em;display:block}
#topti h3::before{content:'■ '}

#topni{margin:0;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:0}
#topni h1{color:#fff;border:1px solid #0db4d1;display:inline;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:30px;background-color:#087d91;background-repeat:repeat;background-repeat:no-repeat;background-image:url(../sozai/maru.png);background-position:7px}.t1{background-image:url(../img/001.png);background-repeat:no-repeat;text-indent:33px;list-style-type:none;background-position:3px}.t2{background-image:url(../img/002.png);background-repeat:no-repeat;text-indent:33px;list-style-type:none;background-position:3px}.t3{background-image:url(../img/003.png);background-repeat:no-repeat;text-indent:33px;list-style-type:none;background-position:3px}.t4{background-image:url(../img/004.png);background-repeat:no-repeat;text-indent:33px;list-style-type:none;background-position:3px}.t5{background-image:url(../img/005.png);background-repeat:no-repeat;text-indent:33px;list-style-type:none;background-position:3px}.waku40{border:1px solid #aad3db;background-image:url(../img/block.gif);font-size:.92em;color:#666;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:15px;margin-top:3px;margin-right:20px;margin-bottom:20px;margin-left:152px;width:290px}.migihako{padding-left:55px}.tawaku{color:#fff;background-color:#36f;height:35px;font-size:1.3em;text-align:left;text-indent:20px;padding-top:5px;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#333;border-right-color:#333;border-left-color:#333}.tawaku3{color:#fff;background-color:#09c;height:35px;font-size:1.3em;text-align:center;padding-top:5px;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#333;border-right-color:#333;border-left-color:#333}.tab1{font-size:.9em;padding-left:8px;padding-top:3px;padding-bottom:3px;border:1px solid #333}.tab2{font-size:.9em;padding-left:8px;padding-top:3px;padding-bottom:3px;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:#333;border-bottom-color:#333;padding-right:3px;border-right-width:1px;border-right-style:solid;border-right-color:#333}.tabl1{font-size:.85em;border-collapse:collapse}.tabl1 td{border:1px solid #666;padding-top:2px;padding-right:3px;padding-bottom:2px;padding-left:5px}.tabman{text-indent:-5px;text-align:center;color:#000;font-weight:700;font-size:1.1em}.taue{border-top-width:4px;border-top-style:solid;border-top-color:#000}.hidariake{padding-left:30px}.migiake{padding-left:35px}.ake a{line-height:1.8em}.sitaake{display:block;padding-bottom:5px}.ueake{display:block;padding-top:5px}.migi50{margin-left:85px}.migisukosi{margin-top:-1px;position:relative;left:5px;top:5px}

.wakulinka{display:block;border:1px solid #aad3db;background-image:url(../img/block.gif);margin-right:2px;margin-left:2px;padding-left:1em}
.wakulinka a{color:#345119}
.wakulinka a:hover{background-image:url(../img/block3.gif);display:block;margin-left:-1em;padding-left:1em}
.wakulinka span.current{padding:10px 25px 10px 25px;margin-right:2px;border:1px solid navy;font-weight:700;background-color:#2e6ab1;color:#fff}
.wakulinka span.disabled{padding:10px 25px 10px 25px;margin-right:2px;border:1px solid #929292;color:#929292}
.wakulinka h3{margin-top:12px;margin-left:10px}
.wakulinka p{line-height:2em}

.wakulinka3{display:block;border:1px solid #aad3db;;margin-right:2px;margin-left:2px;padding-left:1em 0 0 1em
background-image:none;}
.wakulinka3 a{color:#345119}
.wakulinka3 a:hover{background-image:none;display:block;margin-left:-1em;padding-left:1em}
.wakulinka3 span.current{padding:10px 25px 10px 25px;margin-right:2px;border:1px solid navy;font-weight:700;background-color:#2e6ab1;color:#fff}
.wakulinka3 span.disabled{padding:10px 25px 10px 25px;margin-right:2px;border:1px solid #929292;color:#929292}
.wakulinka3 h3{margin: -3px 0px 0em -3px !important;
    width: 335px !important;
    line-height: 1.6em !important;
    font-size: 1.4em !important;
}

.wakulinka3 h3:first-letter{font-size:1.8em;color:#fff;font-weight:700;vertical-align: bottom;
}
.wakulinka3 h3::before{
	content: none !important;}
	.wakulinka3 h3::after{
	content: none !important;}
.wakulinka3 p{line-height:2em}



.wakulinasi{display:block;border:1px solid #aad3db;background-image:url(../img/block.gif);margin-right:20px;margin-left:20px}.wakulinasi h3{margin-top:2px;margin-left:10px}.kansou{line-height:1.7em;width:410px;margin-left:35px}.zuyoko0{float:left;width:131px;padding-left:3px;margin-top:7px;text-align:right;padding-top:3px;margin-left:6px}.zuyoko{margin-left:0;width:100%;margin-top:7px}.zuyoko ul{margin-top:3px;margin-left:-1px;margin-right:0em}

.zuyoko li{margin-left:-10px;list-style-type:decimal;line-height:1.1em;padding-left:.5em;text-indent:-1px;padding-bottom:1em;display:list-item}


.tokucho{font-size:1.3em;vertical-align:9px;margin-left:-3px}.mod_slidelink{position:relative;height:850px;padding-top:13px;padding-right:0;padding-bottom:0;padding-left:0}.nonashi{display:none}.mod_slidelink ul.slidebtn{position:absolute;top:-1px;left:0;width:480px;font-size:1em;list-style-type:none}.mod_slidelink ul.slidebtn li{float:left;margin:0 20px 0 0;padding:0 0 1px 0;cursor:pointer;color:#00f;font-weight:700}.mod_slidelink ul.slidebtn li.open{text-decoration:none;color:red}.mod_slidelink_panel{height:660px;position:absolute;top:50px;left:486px;width:510px;padding-left:15px;font-size:.9em}.wakusen{border:1px solid #ccc;padding-left:10px}

.aowaku{height:15px;margin-left:-10px;margin-bottom:7px}

.mod_slidelink_panel_entry{display:none}.mod_slidelink_panel_entry p{margin:20px}#hakoleft{float:left}.haba a{line-height:1.9em;text-decoration:none}.marker_yellow_futo{background:linear-gradient(transparent 0,#ff6 0)}.akawaku{border:1px solid red;padding-top:10px;padding-right:6px;padding-bottom:8px;padding-left:6px}.tcolor1{background-color:#fff8f8;text-align:center;height:40px;vertical-align:middle;font-size:.9em}.ooh3{margin-bottom:0;margin-left:0;padding-left:15px}
.ooh3 h1{font-size:1.8em;background-image:url(../img/sankaku.jpg);background-repeat:no-repeat;background-position:1px 25px;text-indent:10px}.navics{background-image:url(../img/navic.png);background-repeat:no-repeat;float:left;width:230px;margin-left:29px}.navics li{line-height:1.8em;list-style-type:none;margin-left:35px}.navics li a{text-decoration:none;font-size:.8em}.navics li a:hover{text-decoration:none;background-image:url(../img/navich.png);background-repeat:no-repeat}.navinavi{float:left}.mtai{display:block;margin-top:20px;margin-left:15px}.navinavi ul li{list-style-type:none;margin-right:-20px}.navinavi ul li a{background-image:url(../img/navic2.png);line-height:2.3em;display:block;text-indent:33px;list-style-type:none;text-decoration:none;background-repeat:no-repeat;font-size:.9em;font-weight:700;overflow:hidden}.navinavi ul li a:hover{background-image:url(../img/navich2.png);color:red;background-color:#fff;background-repeat:no-repeat;overflow:hidden}.navinavi h3{color:#fff;border:1px solid #0db4d1;display:block;padding-top:5px;padding-right:75px;padding-bottom:5px;padding-left:10px;background-color:#076a7b;background-repeat:repeat;margin-top:20px;margin-bottom:0}.deru{width:630px;border:1px solid #999;font-size:.95em;background-color:#fff;padding:20px;clear:both;margin-left:-20px}.siro{color:#fff;text-align:left;margin-bottom:-.3em}.hanbun{height:50%;width:50%}.tisaku img{width:90%;height:auto}.underh{color:#fff;background-color:#1e8d96;padding-bottom:10px;bottom:0;margin-bottom:0;z-index:1}.underh a:link{color:#fff;text-decoration:none}.underh a:visited{color:#fff}
.hitokoto{font-weight:700}
.hitokoto img{height:70px;width:70px}
.hitomoji{padding-left:1em;text-indent:-1em;margin-bottom:.5em}
.aoback{color:#fff;background-color:#1e8d96;width:100%;margin-right:0;margin-bottom:15px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;text-align:left;font-size:1.2em;padding:10px;font-weight:700}
.aoback a:link{color:#fff;text-decoration:none;background-image:url(../sozai/yajisan.png);background-repeat:no-repeat;background-position:1px;display:inline-block;padding-left:23px}
.aoback a:visited{color:#fff}hr.style-six{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.3)}.uesita2{line-height:1.4em}


/*font-size:1.2em;}*/

.nanawari{
	display:block;
	max-inline-size: max-content;
margin-inline: auto;
	}

.tophako{font-size:.9em;line-height:1.5em;color:#666;text-align:left;margin:0 1em;}
.tophako:first-letter{font-size:2em;color:#333;font-weight:700}

.aida{font-size:.9em;line-height:1.5em;color:#666;text-align:left;}
.aida li{line-height:1.8em;}

.toprank{padding-left:20px}.toprank li{position:relative;margin-left:-20px;line-height:1.8em;font-size:1.1em}.toprank li a:link{text-decoration:none;font-size:1.1em}.toprank li a:hover{text-decoration:underline;color:red;background-color:#ff3}.toprank ul{margin-top:1px;margin-left:20px}.wakutop{text-align:left;margin-left:20px padding: 20px 5px 20px 5px;border:1px solid #aad3db;background-image:url(../img/block.gif)}

.btn{position:relative;display:block;width:250px;height:2em;margin:20px auto;padding:10px;background-color:#fff;border:1px solid #333;color:#000;text-align:center;text-decoration:none;text-transform:uppercase;transform-style:flat;transition:all 250ms ease-out;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(128,128,128,.1) inset;border-color:#585858;background-image:url(../img/blockbb.gif)}

.btn a{text-decoration:none;position:absolute;top:0;left:0;display:block;width:100%;height:2em;line-height:2em;margin-top:10px;
font-weight:500;}

.tophako2{font-size:.9em;line-height:1.5em;color:#666;text-align:left}.imgframe{display:inline-block;position:relative;padding:2px;box-shadow:0 2px 6px #999}.imgframe:after{position:absolute;display:block;content:"";top:0;left:0;width:100%;height:100%;background:linear-gradient(-120deg,rgba(255,250,250,.1) 0,rgba(255,250,250,.5) 70px,rgba(255,250,250,0) 71px)}.ta50{width:110px}
.lihut{font-weight:700;margin-bottom:.4em;text-indent:.2em;
font-size:0.9em !important;}
.lihut2{font-weight:700;margin-bottom:0em;text-indent:.2em;
font-size:0.9em !important;}
.keiko1{background:linear-gradient(transparent 55%,#fff799 55%)}.keiko2{background:linear-gradient(transparent 15%,#fff799 15%)}


.readmore-button-box a{
	background-color:red;
    color: #fff;
    border-radius: 7px;
    padding: .5em 2.5em 0.3em 2.5em;
    display: inline-block;
    font-weight: 400;
    font-size: 1.25em;
    text-decoration: none;}
.readmore-button-box a:hover{background-color:red}

.wakaba{background-image:url(../sozai/wakaba.png);background-repeat:no-repeat;background-position:right bottom}.wakaba_s{background-image:url(../sozai/wakaba_s.png);background-repeat:no-repeat;background-position:right bottom}.souda0{background-image:url(../sozai/souda00.jpg);background-repeat:no-repeat;background-position:right bottom}.souda3{background-image:url(../sozai/souda33.jpg);background-repeat:no-repeat;background-position:right bottom}.souda4{background-image:url(../sozai/souda44.jpg);background-repeat:no-repeat;background-position:right bottom}.souda7{background-image:url(../sozai/souda77.jpg);background-repeat:no-repeat;background-position:right bottom}.hakoli{text-align:left;padding-left:2em}#sb-site #main .waku .tisaku tr td h3{margin:0 0 0 -.2em;font-size:1.6em;display:inline-block;color:#333;border-bottom:solid 5px #12737a;position:relative;line-height:1}#sb-site #main .waku .tisaku tr td h3:after{position:absolute;content:" ";display:block;border-bottom:solid 5px #0db4d1;bottom:-5px;width:10%}.taball{table-layout:fixed;width:100%}

.kasane{font-size:3em;position:absolute;right:42%;bottom:20%;text-shadow:4px 4px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;font-family:fantasy;}
.kasane2{font-size:3em;position:absolute;right:33%;bottom:20%;text-shadow:4px 4px 0 #000,-2px 2px 0 #000,2px -2px 0 #000,-2px -2px 0 #000;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;font-family:fantasy;}

.allli{font-size:1.1em;list-style:none;}
.allli li{line-height:1.7em;}
.allli a{text-decoration:none}
.allli a:hover{color:red;background-color:#fff}

.wakulinka2{display:block;border:1px solid #aad3db;background-color:#fff;padding:1em}.wakulinka2 a{color:#345119;text-decoration:none;transition:background-color 1.3s}.wakulinka2 a:hover{text-decoration:none;background-color:snow;display:block;border-bottom-color:#f90}.wakulinka2 h2{font-size:1.7em;margin-top:0;margin-left:10px}.wakulinka2 p{line-height:2em}
	@media screen and (max-width:480px){
.wakulinka2{
	border:none;
	padding:0;}
	}

a.anchor{display:block;padding-top:70px;margin-top:-70px}.heading_maru{position:relative;border-bottom:2px solid #ccc;font-weight:700;font-size:22px;line-height:38px;text-indent:-2em}.heading_maru:before{content:'';border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;height:12px;width:12px;display:block;position:absolute;top:10px;left:9px;background-color:#00a8ff;box-shadow:0 0 2px 2px rgba(255,255,255,.2) inset}.anka{position:relative;top:-100px;display:block}

#sb-site #main .wakulinka a table tr td h3{margin:.7em 0 .5em .1em;font-size:1.6em;display:inline-block;color:#333;border-bottom:solid 5px #12737a;position:relative;width:95%;line-height:1}
#sb-site #main .wakulinka a table tr td h3:after{position:absolute;content:" ";display:block;border-bottom:solid 5px #0db4d1;bottom:-5px;width:10%}

.hitoji0{color:#696969;font-size:0.9em;margin-left:2px;margin-right:2px}

.hitoji{border-style:solid;border-width:1px;border-color:silver;color:#696969;font-size:80%;border-radius:2px 2px 2px 2px;padding:2px 2px 2px 2px;margin-left:2px;margin-right:2px;vertical-align:3%;background-color:#f5f5f5}
.hitojir{border-style:solid;border-width:1px;border-color:#d9d9d9;color:#d9d9d9;font-size:80%;border-radius:2px 2px 2px 2px;padding:4px;margin-left:2px;margin-right:2px;vertical-align:3%;background-color:#fff}
.hitojir a{
	color:#979797 !important;}
.hitojir img{
	display:none;}	
.hitojird{border-style:solid;border-width:1px;border-color:#d9d9d9;color:#d9d9d9;font-size:90%;border-radius:2px 2px 2px 2px;padding:5px;margin-left:2px;margin-right:2px;vertical-align:4px;background-color:#fff}
.hitojird a{
	color:#565656 !important;}
.hitojird img{
	display:none;}	
#sb-site #main #contents.wakulinka3 a table tr td h4{margin:.7em 0 .5em .1em;font-size:1.6em;display:inline-block;color:#333;border-bottom:solid 5px #12737a;position:relative;width:95%;line-height:1}

.hitobox{margin:.4em 0 0 .8em;line-height:2em}.titleh2{text-align:center}.titleh2 h2{color:#fff;margin:-1em 0 0 0;font-size:.9em}.tatebun{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}#page_top{width:90px;height:60px;position:fixed;right:0;bottom:0;opacity:.6;border:3px solid #3f98ef;border-radius:15px;background-color:#fff;z-index:30}#page_top a{position:relative;display:block;width:90px;height:60px;text-decoration:none}#page_top a::before{font-weight:900;content:'↑';font-size:25px;color:#3f98ef;position:absolute;width:25px;height:25px;top:-25px;bottom:0;right:0;left:0;margin:auto;text-align:center}#page_top a::after{content:'PAGE TOP';font-size:13px;color:#3f98ef;position:absolute;top:38px;bottom:0;right:0;left:0;margin:auto;text-align:center}.linker{margin:0 0 0 1em;display:block;float:none}.linker img{margin:0 6px -10px 0}.hida{float:left;margin:0 8px 0 -10px}.linker a:hover{opacity:.6;-ms-filter:"alpha( opacity=60 )";background:#fff}.linker:after{content:"";clear:left;display:block;float:none;margin-bottom:1em}.hidami{margin:0}.hidamilink{overflow:hidden;width:auto;font-size:1.1em;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;text-align:left}.hidamilink a{margin:.1em 0 0 0}.hidamilink a:after{background-image:url(../sozai/link-out.png);content:"";width:16px;height:16px;display:inline-block;margin-left:5px;background-repeat:no-repeat;margin-bottom:-4px}

.mannaka2{
	margin:-0.7em 8% 0 8%;position:relative;}


.titleh2 h2::before{content:'- '}.titleh2 h2::after{content:' -'}

@media screen and (max-width:321px){.tophako{padding:0 1em}}



.choose_box {
  position: relative;
  height:670px;
  width: 100%;
  text-align:left;
  margin-left:-1em;
}


 .choose_box p {
    font-size: 24px;
    display: block;
    font-weight: 600;
    text-align: center;
  }

.choose_box ul {
    width: 100%;
    text-align: left;
  flex-wrap: wrap;
}
.choose_box ul li {

  margin-bottom: 20px;
  list-style: none;
  display:block;
  margin-left:-2em;
}

.choose_box ul li a {
  color: #fff;
  display: block;
  width:auto;
  max-width:90%;
  padding: 15px 50px 15px 20px;

  background-color: #2791d4;
  font-weight: 600;
  font-size: 18px;
  border: 2px solid #2791d4;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
 
.choose_box ul li a:hover {
   background-color: #fff;
  color: #2791d4;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
.choose_box h4 {
    width: 100%;
    clear: both;
    margin:15px 5px 3px 5px;
    padding: 40px 0 0 0;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #2791d4;
    text-align: left;
  border-bottom: 2px solid #2791d4;  }
 
.fit {
  position: absolute;
  left: 0px;
  top: 20px;
  width: 100%;
}

.flexbox{
	position:relative;
	left:0;}
	
#q_06 span,#q_07 span {
  display: block;
  width:100%;
}
#q_06 a,#q_07 a {
  width:100%;

}
.listsitumon{
	list-style-type:none;
	margin-left:-2em;}

	
.modoru{
    text-align: center;
    display: block;
    margin: 1em 0 2em 0;
}
.modoru a{
		padding:10 20px;
	border: 1px solid #3f98ef;
    border-radius: 15px;}
.boxq15{
	display:block;
	margin-bottom:6em;}
.setumei2{
    font-size: 0.9em;
    color: #333;
    padding: 0 0 2em 1em;}
.osusume{
	margin:4em 0 0 0;
	display:block;
	font-size:1.3em;
	}
	
@-webkit-keyframes modify{
      0% { padding-top: 50px; margin-top: -50px; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
      0% { padding-top: 50px; margin-top: -50px; }
    100% { padding-top: 0; margin-top: 0; }
}

#q_01:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}

.container {
  overflow: auto;
  scroll-snap-type: y proximity;
  height: 100vh;
}
.area {
  scroll-snap-align: start;
  height: 100vh;
}
.kin{
text-align: left;
    font-size: 0.9em;
    padding: 0 1em;
    width: 380px;
    margin: 0 auto;
}
.tablespred{}

#main h3 {
    font-size: 1.05em;
    margin-bottom: -1px;
}
.tablespred h3{
    color: #fff;
    background-color: #087d91;
    padding: 0.8em 1em 0.5em 0.5em;
}
.tablespred h3::before{content:'▼ '}

.tablespred a{
	font-size:1.2em;
	color:#F00;
	margin-left:2em;
}
.tablespred a::before{content:"\0bb";}

.tablespred img{
	margin-bottom:0.5em;}
	
.hidarihe{
	padding-right:0px;
	padding-left:0px;
	
}	
.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}





/*きらり光るボタン*/

.my_flash_link_btn{
  display: block;
  text-align: center;
}
.my_flash_link_btn a{
  display: block;
  position: relative;
  overflow: hidden;
  width: 220px;
  margin:1em auto 2em auto;
  padding: 18px 16px;
  background: -moz-radial-gradient(#F13F79, #FFC778); 
  background: -webkit-radial-gradient(#FFC778, #FFC778); 
  background: radial-gradient(#f90, #FFC778);
  font-size:1.2em;
  font-weight:bold;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 3px 4px #800;
  transition: box-shadow .5s;
}
.my_flash_link_btn a:hover{
  box-shadow: 0 6px 8px #800;
}
.my_flash_link_btn a:before{
  content: "";
  display: block;
  width: 30px; height: 100px;
  position: absolute;
  left: -30%; top: -30%;
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .8) 50%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));
  transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  animation: shine 3s infinite linear;
  -webkit-animation: shine 3s infinite linear;
}
@keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 130%; }
}
@-webkit-keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 130%; }
}

/*ここまできらり光るボタン*/

.sbtext0 {
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    color: #696969;
    font-size: 80%;
    border-radius: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: 3%;
    background-color: #f5f5f5;
    white-space: nowrap;
	opacity:0.2; 
}

.sbtext05 {
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    color: #696969;
    font-size: 80%;
    border-radius: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: 3%;
    background-color: #f5f5f5;
    white-space: nowrap;
	opacity:0.4; 
}


.sbtext1 {
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    color: #696969;
    font-size: 80%;
    border-radius: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: 3%;
    background-color: #f5f5f5;
    white-space: nowrap;
}
.kihon-data{
	text-align:left;
	padding-left:1.5em;
}
.kihon-data h3{
	margin-left:-0.3em;
	color:#12737a;
	font-size:0.8em;
	font-weight:600}
	
	
.ribbon20 {
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 5px;
  box-sizing: border-box;
  padding:0 10px 0 5px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: white;
  background: rgb(255, 36, 36);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.ribbon20:before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: rgb(255, 36, 36);
  border-radius: 5px 0 0 5px;
}
.ribbon20:after {
  position: absolute;
  content: '';
  bottom: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: rgb(255, 36, 36);
  border-radius: 5px 0 0 5px;
}


.btnb {
    position: relative;
    display: block;
    width: 250px;
    height: 2em;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid #333;
    color: #000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transform-style: flat;
    transition: all 250ms ease-out;
    box-shadow: 0 3px 4px #ccc;
    border-color: #585858;
    background: -moz-radial-gradient(#0db4d1, #0db4d1);
    background: -webkit-radial-gradient(#f5f5f5, #e3e3e3);
    background: radial-gradient(#f5f5f5, #e3e3e3);
}

.btnb a{text-decoration:none;
position:absolute;
top:0;
color:#333;
left:0;display:block;
width:100%;height:2em;line-height:2em;
margin-top:10px;
font-weight:500;}


/*きらり光るボタン*/

.my_flash_link_btn2{
display: block;
    position: relative;
    width: 271px;
    margin: 5px auto 20px auto;
    padding: 12px 11px;
    text-align: center;
}
.my_flash_link_btn2 a {
    display: block;
    /* position: absolute; */
    overflow: hidden;
    width: 250px;
    padding: 12px 11px;
    border: 1px solid #333;
    color: #000;
    background: -moz-radial-gradient(#F13F79, #FFC778);
    background: -webkit-radial-gradient(#FFC778, #FFC778);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0), #f5f5f5);
    font-size: 1.1em;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    box-shadow: 0 1px 2px #666;
    transition: box-shadow .5s;
}
.my_flash_link_btn2 a:hover{
  box-shadow: 0 1px 2px #000;
}
.my_flash_link_btn2 a:before{
  content: "";
  display: block;
  width: 50px; height: 100px;
  position: absolute;
  left: -10%; top: -10%;
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .8) 50%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  animation: shine 3s infinite linear;
  -webkit-animation: shine 3s infinite linear;
}


.my_flash_link_btn3 {
  position: relative;
  display: block;
  width: 250px;
  margin: 20px auto;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #000;
  text-align: center;
  text-decoration: none;
  }


.my_flash_link_btn200{
display: block;
    position: relative;
    width: 201px;
    margin: 5px auto 20px auto;
    padding: 12px 11px;
    text-align: center;
}
.my_flash_link_btn200 a {
    display: block;
    /* position: absolute; */
    overflow: hidden;
    width: 200px;
    padding: 12px 11px;
    border: 1px solid #333;
    color: #000;
    background: -moz-radial-gradient(#F13F79, #FFC778);
background: -webkit-radial-gradient(#fff, #fff);
    background: -webkit-radial-gradient(rgb(255 235 59 / 0%), #ffeb3b00);
    font-size: 1.1em;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    box-shadow: 0 1px 2px #666;
    transition: box-shadow .5s;
}
.my_flash_link_btn200 a:hover{
  box-shadow: 0 1px 2px #000;
}
.my_flash_link_btn200 a:before{
  content: "";
  display: block;
  width: 50px; height: 100px;
  position: absolute;
  left: -10%; top: -10%;
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255, .8) 50%,rgba(255,255,255,0) 100%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,0)));
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  animation: shine 3s infinite linear;
  -webkit-animation: shine 3s infinite linear;
}


@keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 200%; }
}
@-webkit-keyframes shine {
  0% { left: -30%; }
  25% { left: 130%; }
  100% { left: 200%; }
}
/*ここまできらり光るボタン*/

.o_kan {
	background-image: url(../sozai2/oukans.png);
	background-repeat: no-repeat;
	background-position: right 120px;
}

.o_kan2 {
	background-image: url(../sozai2/oukans.png);
	background-repeat: no-repeat;
	background-position: right 0px;
}

.swiper-container-horizontal strong{
	font-size:1.3em;
	display:block;
	margin-left:0.8em;
	margin-bottom:-1em;
	border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #333;}
	
.swiper-container-horizontal strong::before{content: "■" ;
}
	
.slidetitle{
	font-size:1.2em;
	margin-top:1em;
	font-weight:400;
	margin-left:-0.5em;
	

}

#sb-site #main .waku .aida.o_kan h2,#sb-site #main .waku .aida.o_kan2 h2 {
	font-size: 1.3em;
}


#sb-site #main .waku .aida.o_kan h2::before,#sb-site #main .waku .aida.o_kan2 h2::before{content: "■" ;
}

.btn-siro{
	 display:block;
    width: 70%;
    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;
    background-color: #f5f5f5;
    color: #696969;
    border-radius: 2px 2px 2px 2px;
    padding: 1.5em 1em;
    text-decoration: none;
    margin: 0.5em auto 0 auto;
    vertical-align: 3%;
    text-align: center;
	}
.btn-siro a{
	    color: #4e5665;
    display: block;
    margin: -0.3em -1em;
	text-decoration:none;
}

.oukanwo{

}
.oukanwo::before{
	background-image: url(../sozai2/crown2.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 32px;/*画像の幅*/
  height: 32px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
    margin-top: -6px;
}

.readmore-button-box2 a{
	background-color:#F08000;
    color: #fff;
    border-radius: 7px;
    padding: .5em 2em 0.3em 2em;
    display: inline-block;
    font-weight: 400;
    font-size: 1.25em;
    text-decoration: none;
	    border-style: solid;
    border-width: 1px;
    border-color: #c0c0c0;}
.readmore-button-box2 a:hover{background-color:red}

ul.cp_list {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;

}
ul.cp_list li {
  border-bottom: dashed 1px orange;
  position: relative;
padding: 0.5em 0.5em 0.5em 35px;
    text-indent: -1px;
  line-height: 1.5em;
}
ul.cp_list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.cp_list li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}

ul.cp_list a {
	text-decoration:none;
	color:#333;
}

.kansoz{
    margin: 0 -1em 0 -1em;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.kansoz a{
	font-size:0.8em;
	text-decoration:none;
	color:#333;
}
.kansoz_kiji-list {
    background: #fff;
    padding: 0px 0 0 10px;
    margin: 10px 0px 0px 5px;

}


.kansoz_kiji-images {
    display: table-cell;
}

.kansoz_kiji-image {
    height: 110px;
    width: 110px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin-right: 10px;
    border-radius: 2px;
    box-shadow: 0 3px 4px #585858;
	}

.kansoz_kiji-image2 {
    height: 5rem;
    width: 5rem;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0 15px 0 10px;
    border-radius: 2px;
    box-shadow: 0 3px 4px #585858;
	}

.kansoz_kiji-image3{
    height: 7rem;
    width: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 10px 10px 0 10px;
    border-radius: 1px;
box-shadow: 0 1px 2px #585858;
	}	
.kansoz_kiji-image4 {
    height: 5rem;
    width: 8rem;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 2px;
    box-shadow: 0 3px 4px #585858;
	}	

.kansoz_next {
    color: #e98d8d;
    border: solid 1px #e98d8d;
    border-radius: 3px;
    padding: 3px;
    font-size: .8rem;
    display: inline;
	margin-right:0.4em
}

.kansoz_kiji-box {
    display: table-cell;
    vertical-align: top;
}



	
.kansoz_title {
    margin: -25px 0 10px 0;
	  overflow: hidden;
  height: 6em; /* 2em（行）x line-heightの1.8 */
  font-size: 15px;
  line-height: 1.5;
}
.kansoz_waku{

    padding-bottom: 0.2em;
	margin-top:30px;
}

.kasanezu {
margin-top: -7rem;
    width: 30px;
    position: relative;
    height: 30px;
    font-size: 1.8em;
    line-height: 1.4em;
    background-color: #f90;
    color: #f9f9f9;
    display: inline-block;
    text-align: center;
}
.kasanezu2 {
    /* margin-top: -110px; */
    /* width: 45px; */
    position: relative;
    /* height: 37px; */
    font-size: 28px;
    line-height: 37px;
    background-color: #f90;
    color: #f9f9f9;
    display: inline-block;
    /* text-align: center; */
    top: -150px;
    left: 5px;
}
.bottomtitle {
    font-size: 1.2em;
    margin: 0;
	font-weight:bold;

}

.link_kousiki{
    padding-top: 2px;
    padding-left: 4px;
    text-align: left;
    line-height: 2.8em;
	}

.link_kousiki a{
	font-size:1.1em;
}

.midasi0{    background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#333,#696969 5px,#585858 5px,#333 10px);
    color: #fff;
	padding:0.7em 0 0.3em 0.5em;
    font-family: 'M PLUS Rounded 1c',sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em;
	text-align:left;

}
.midasi0::before{
	content:"▼ "}
	


.midasi{    background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    color: #fff;
	padding:0.7em 0 0.3em 0.5em;
    font-family: 'M PLUS Rounded 1c',sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em;
	text-align:left;
}
.midasi::before{
	content:"▼ "}
	
.midasi2{    background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background:repeating-linear-gradient(45deg,#999,#c0c0c0 5px,#999 5px,#999 10px);;
    color: #fff;
	padding:0.7em 0 0.3em 0.5em;
    font-family: 'M PLUS Rounded 1c',sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em;
	text-align:left;
}
.midasi2::before{
	content:"▼ "}
	
	
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	overflow-x: hidden;
	margin: 0 0 0 -1em;
	color: #333333;
}
.cp_qa .cp_actab {
	padding: 20px 10px;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
	font-size: 1.2em;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 10px 0 48px;
	cursor: pointer;
	text-align:left;
}
.cp_qa .cp_actab-content {
	font-size: 1em;
	position: relative;
	overflow: hidden;
/*	height: 0;*/
	margin: 3px 10px 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
/*	opacity: 0;*/
	text-align:left;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
	height: auto;
	padding: 14px 0 14px 0;
	opacity: 1;
}
.cp_qa .cp_plus {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 3px 0 0 10px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
			    color: #12737a;

}

.cp_qa h4{
	font-size: 1.5em;
    margin: 0 0 5px 5px;}

	
.cp_qa h5{
	display:inline;
	font-size:1.1em;
	font-weight:300;
	margin-left:-10px;}
.cp_qa h6{
	    font-size: 1.2em;
    margin: 0.5em 0;}	
	

.cp_plus2 {
font-size: 1.6em;
    height: 34px;
    position: absolute;
    width: 34px;
    margin: 0px 0 0 4px;
    text-align: center;
    padding: 8px 0 10px;
    color: #fff;
    background-color: #49a9d4;
    border-radius: 5px;
		
}

.qas {
    font-size: 1.2em;
    margin: 0px 4px 0 0;
    color: #fff;
    background-color: #49a9d4;
    border-radius: 5px;
    padding: 3px 7px;
		
}
.qaa {
    font-size: 1.2em;
    margin: 0px 4px 0 0;
    color: #fff;
    background-color: #F44336;
    border-radius: 5px;
    padding: 3px 7px;
		
}

.cp_actab2 {
	padding: 10px 10px;
	border-bottom: 1px dotted #cccccc;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}


.cp_qa .cp_actab input[type=checkbox] {
  display: none;
}
.maru1 {
	color:#FFF;
  height:30px;
  width:30px;
  border-radius:50%;
  line-height:30px;
  text-align:center;
  background:#1239AD;
  margin-left:20px;
  display: inline-block;
  margin-bottom:0.3em;
  margin-top:-2px;
}
.maru2 {
		color:#FFF;
  height:30px;
  width:30px;
  border-radius:50%;
  line-height:30px;
  text-align:center;
  background:#1BB8CE;
  margin-left:20px;
  display: inline-block;
  margin-bottom:0.3em;
  margin-top:-10px;
}
.floatleftbox{
	float:left;}
.floatrightbox{
	    float: inherit;
    margin-left: 4.5em;
    margin-top: 0.3em;}
	
.floatrightbox:first-line {
    font-weight: bold;
    color: #099;
    text-indent: -1em;
}	
	
.floatrightbox::after{
	clear:both;}
.floatrightbox2{
	    float: inherit;
    margin-left: 4.5em;
    margin-top: -4px;}
	
.floatrightbox2:first-line {
    font-weight: bold;
    color: #099;
    text-indent: -1em;
}	
	
.floatright2box::after{
	clear:both;}	
	
	
	
	
.maruyou{
	margin-left:1em;}
.maruyou2{
	margin-left:-1em;}
	
/*教材内の子ジャンルのメニュー用	*/
.komenu{
padding: 0;
    display: inline-block;
/*    margin-left: -5px;*/

}

.group-list {
    font-size: 0;
    margin-bottom: 20px;
	    margin-left: -40px;

}


.parent-group {
    display: inline-block;
    background: #fff;
    padding: 20px 6px 10px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 135px;
    vertical-align: top;
    border: solid 1px #ccc;
}
.parent-group .group-link {
    display: block;
}


.parent-group .child-area {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
    word-break: break-all;
    font-size: .9rem;
    color: #626262;
    line-height: 1.5em;
    text-align: left;
    margin-top: 10px;
    padding: 0 0.1em 0 0.5em;

}

.parent-group a{
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	text-align:left;
	text-decoration:none;
	
}
.top-page .parent-group .group-name-area {
    display: table;
}


.parent-group .group-name {
    color: #442f2f;
    vertical-align: super;
    font-size: 1.3rem;
}

.top-page .parent-group .child-area {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
    word-break: break-all;
    font-size: .9rem;
    color: #626262;
}
.komenu h3{
	text-align:left;
	    text-indent: 0.5em;

	}
.komenu h3:before{
	content:"▼";
	margin-left:-1em;
	}	
	
.child-area p::before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 16px;/*画像の幅*/
  height: 16px;/*画像の高さ*/
  margin-right:3px;
  background-image: url(../sozai2/note.png);
  background-size: contain;
  vertical-align: middle;}
  
.link_kousiki a::after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 21px;/*画像の幅*/
  height: 21px;/*画像の高さ*/
  margin-left:5px;
      margin-top: -5px;
  background-image: url(../sozai2/gaibu.png);
  background-size: contain;
  vertical-align: middle;}
  
 .marker4a-red{background:repeating-linear-gradient(-45deg,#fadbda,#fadbda 1px,#fff 0,#fff 3px)}
.marker5a-orange{position:relative}
.marker5a-orange:before{background:repeating-linear-gradient(-45deg,#feecd2,#feecd2 3px,#fff 0,#fff 6px);content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-2}
.marker5a-orange:after{background:linear-gradient(rgba(255,255,255,1) 60%,rgba(255,255,255,0) 0);content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}


.underline-yellow {
    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(255,240,0,.45) 0);
    font-weight: 700;
}
.bold-red {
    color: #f44f4f;
    font-weight: 700;
}
.bottombox{
	text-align:left;
	width:95%!important;}
	
.ol_meri{
	font-size:1.2em;
	font-weight:600;
}

.ol_meri ul{
	margin-top:-0.2em;
	margin-bottom:0.5em;}

.ol_meri ul li{
	font-size:0.9em;
	font-weight:100;
	line-height:1.5em;
}



.kaisetu{
	text-align:left;
}
.kaisetu h2{
background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    color: #fff;
	padding:0.7em 0 0.3em 0.5em;
    font-family: 'M PLUS Rounded 1c',sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em;
	text-align:left;
}
.kaisetu h2::before{
	content:"▼ "}
.kaisetu h3{
	background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#333,#696969 5px,#585858 5px,#333 10px);
    color: #fff;
	padding:0.5em 0 0.2em 0.5em;
    font-family: 'M PLUS Rounded 1c',sans-serif;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
	margin:2em 0 1em 0em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em;
	text-align:left;

}
.kaisetu h3::before{
	content:"▼ "}
	
.kaisetu h4{
border-bottom: solid 1px black;
margin-bottom:0.5em;
font-size:1.1em;
font-weight:700;

}

.kaisetu h4::before{
	content:"■ "}
	
	
	
.tablere{
	width:100%;
	border-collapse:collapse;
	margin:0.3em 0;}
.tablere td{
	border:1px solid #ccc;
	padding:5px;


	}
	
.tablere th{
	border:1px solid #ccc;
	padding:5px;
	background-color:#f5f5f5;


	}	
.topwali{
	background-image:url(../sozai2/crown2.png);
	background-repeat:no-repeat;
	background-size: contain;
	text-align:left;
	padding-left:48px;
	padding-top: 3px;
}

.jikan{
	font-size:1.2em;
	text-align:right;
	font-weight:600;
	margin-top:0.1em;}
	
.jikan::before{
	content:"\0bb"}
	
	
.tabletop2{font-size:.85em;border-collapse:collapse;
width:330px}
.tabletop2 td:nth-child(1){border:1px solid #c1c1c4;padding-top:2px;padding-right:3px;padding-bottom:2px;padding-left:5px;
text-align:center;
}
.tabletop2 td{
	border:1px solid #c1c1c4;
	text-align:left;
	padding:0.4em;
}

.tabletop2 tr:hover {
	background: rgba(240,248,255,0.6);
		cursor: pointer;
  }

.tabletop3{font-size:.85em;border-collapse:collapse;
width:100%}
.tabletop3 td{border:1px solid #666;padding-top:2px;padding-right:3px;padding-bottom:2px;
text-align:center;
width:33%;}
.tabletop3 td:nth-child(1){
	font-weight:700;
}
.tabletop4{font-size:.85em;border-collapse:collapse;margin: 0 3px 0 -10px
}
.tabletop4 td{border:1px solid #ccc;padding:0.2em 1em 0.1em 1em;
text-align:center;
}
.tabletop4 th{border:1px solid #ccc;padding:0.2em 1em 0.1em 1em;
text-align:center;
background-color:#f8f8ff;
}
.tabletop4 td:nth-child(1){
	font-weight:700;
}

.tabletop5{font-size:.85em;border-collapse:collapse;
width:300px}
.tabletop5 td{border:1px solid #666;padding-top:2px;padding-right:3px;padding-bottom:2px;padding-left:5px;
text-align:center;
width:20%;}
.tabletop5 th{border:1px solid #666;padding-top:2px;padding-right:3px;padding-bottom:2px;padding-left:5px;
text-align:center;
width:20%;
background-color:#f8f8ff;
}

.tabletop5 td:nth-child(1){
	text-align:left;
}
.mannaka3 {
		margin:0em auto 0 auto}
		
		
@media screen and (max-width:480px){

		
	.mannaka img{
	display:none;}
		}
	
	
	@media screen and (max-width:480px){
	.mannaka2 {
		margin:-0.7em auto 0 auto}
		
		.mannaka2 img{
	display:none;}
		}
	
	
.motto{
	border-style: solid;
	margin:1em 0 2.5em 0;
    border-width: 0 0 1px 0;
    border-color: #333;
    font-size: 1.3em;
	text-align:left;
	
}

.motto::before{content: " ■";
font-size:1.3em;
margin-left:5px;}


.chigai{
	border-style: solid;/* ボーダーを実線に */
border-width: 1px;/* ボーダー線の太さを1pxに  */
border-color: #f33;/* ボーダー線の色を指定 */
color:#f33;  /* ボーダー線の色を指定 */
font-size: 0.8em ;/* フォントのサイズを80%に縮小して表示 */
border-radius: 2px 2px 2px 2px;    /* 囲い四角の四隅に丸みをつける  */ 
padding: 2px 4px;/* 文字と四角の間に余白をつくる  */
margin: 0 2px 0.3em 0.3em;
vertical-align: 3%;  /* 上下のずれを微修正；少し上に移動  */
display:inline-block;
}
.onaji{
	border-style: solid;/* ボーダーを実線に */
border-width: 1px;/* ボーダー線の太さを1pxに  */
border-color: #19F;/* ボーダー線の色を指定 */
color:#19F;  /* ボーダー線の色を指定 */
font-size: 0.8em ;/* フォントのサイズを80%に縮小して表示 */
border-radius: 2px 2px 2px 2px;    /* 囲い四角の四隅に丸みをつける  */ 
padding: 2px 4px;/* 文字と四角の間に余白をつくる  */
margin: 0 2px 0.3em 0.3em;
vertical-align: 3%;  /* 上下のずれを微修正；少し上に移動  */
display:inline-block;
}
.hyou{
	font-weight:700;}
	
	
div.anchor {
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;

}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  max-height: 100%;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
         /* min-width: 25vw;*/
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;

}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;

}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  position: relative;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
          font-size: 12px !important;
        padding: 11px !important;
}
.p-sticky-table th{
  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}
.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
    max-height: 100%;
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        padding: 11px !important;
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}

@media screen and (max-width: 560px) {
.orikaesi{
	width:9em;
	text-align:right;
	margin:10px 0 15px 15px;
	line-height: 1.2em;}	
}

.balloon2 {
  position: relative;
/*  display: inline-block;*/
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  text-align:left;
}

.balloon2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 40px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 40px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}

.balloonhako {
  position: relative;
  display: table;
  margin: 1.5em 0;
  padding: 19px 10px 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  margin:0 auto !important;
}

.balloonhako:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloonhako:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}


.balloonhako h2{
	border:none !important;}

.balloonhako2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 19px 10px 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloonhako2:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 35px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloonhako2:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 35px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}
.balloonhako2 h2{
	border:none !important;}

.balloon3 {
  position: relative;
/*  display: inline-block;*/
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloon-hako {
  position: relative;
/*  display: inline-block;*/
  margin: 1.5em 0;
    padding: 1em 1em 0em 1em;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
}

.balloon-hako h3{
		    background:initial !important;
    color: #000 !important;
    text-shadow:none !important;
    background-color: #fff !important;
    padding:0 !important;
    margin: 0 0 0.5em 0 !important;
   border-bottom:none !important;
    font-size: 1.2em;
	display:inline-block !important;
	    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(255,240,0,.45) 0)!important;

}
.balloonhako3 {
  position: relative;
  display: block;
    margin: 1.5em 2px 0 2px;
  padding: 12px 10px 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fff;
  border: solid 2px #555;
  box-sizing: border-box;
  text-align:left;
}

.balloonhako3:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 30px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}

.balloonhako3:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 31px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}


.balloonhako4 {
  position: relative;
  display: block;
    margin: 1.5em 2px 0 2px;
  padding: 12px 10px 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fff;
  border: solid 2px #555;
  box-sizing: border-box;
  text-align:left;
}

.balloonhako4:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 60px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}

.balloonhako4:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 61px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.pbox{
  display: flex;

}
.osubox{}
.osubox a{
	text-decoration:none;}
.cbox{
    text-align: left;
	margin-top:0.6em;
}
.boxA{
	margin-left: 1em;
	width: 50%;

}
.boxB{
	border:1px solid #ccc;
	    border-radius: 3px;
    padding: 0.5em;
	font-size:0.9em;
	color:#333;
	max-width:60%;

}

.link_kousiki_r{
	text-align:right;
	padding:1em;
	margin-bottom: 1.3em;
	}

.link_kousiki_r a {
	font-size:1.5em;
	text-decoration:none;
	  background: url('https://schoolchild.info/sozai2/gaibu.png') no-repeat 100% 0;
  background-size: 22px 22px;
  padding-right: 25px;
	}
.title_fuki{
position: relative !important;
    margin: 1.5em 0 !important;
    padding: 1em 1em 0.5em 0.8em !important;
    max-width: 100% !important;
    color: #555 !important;
    font-size: 16px !important;
    background: #FFF !important;
    border: solid 3px #555 !important;
    box-sizing: border-box !important;
	text-align:left !important;
	line-height:1.5em;
}

.title_fuki:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 40px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.title_fuki:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 40px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}


.hitoji2 {
border-style: solid;
    border-width: 1px;
    border-color: #e3e3e3;
    color: #ccc;
    font-size: 80%;
    border-radius: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: 3%;
    background-color: rgba(255,255,255,0);
}

.hitoji3 {
    border-style: solid;
    border-width: 1px;
    border-color: #f5f5f5;
    color: #e3e3e3;
    font-size: 80%;
    border-radius: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: 3%;
    background-color: rgba(255,255,255,0);
	text-decoration: line-through;
}
	.hitojib {
border-style: solid;
    border-width: 1px;
border-color:silver;
color:#696969;
    font-size: 80%;
	font-weight:bold;
    border-radius: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: 3%;
    background-color: #f5f5f5;
}
	
.box-colum{
	text-align:left;}	
.mannaka td{
	text-align:center !important;}
	
.box-buttom{
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.allh2{
background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
    padding: .5em 1em;
    margin: -51px -15px 0.5em -15px !important;
    /* margin-bottom: 0; */
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em !important;
	text-align:left;
	line-height:1.8em;}
	
.allh2:first-letter{font-size:1.8em;font-weight:700;
vertical-align:-5px;}

.contents {
	/*padding-top: 70px;*/
	padding-top:10px;
}	
.contents_innner {
    padding-top: 70px;
    margin-top:-70px;
}

.contents_innner2 {
    padding-top: 17px;
    margin-top:-17px;
}

.next_box {
	font-weight: bold;
	position: relative;
	display: block;
	width: 80%;
	margin: 1.5em auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #da3c41;
	border: 2px solid #da3c41;
	border-radius: 3px;
}
.next_box:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #da3c41;
}
.next_box::after {
	content: '→';
	color: #da3c41;
}

.next_box2 {
	font-weight: bold;
	position: relative;
	display: block;
	width: 80%;
	margin: 1.5em auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #da3c41;
	border: 2px solid #da3c41;
	border-radius: 3px;
}
.next_box2 a{
	text-decoration:none;
	color:#da3c41;}
	
	
.next_box2:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #da3c41;
}

.next_box2:hover a{
	color: #ffffff;
}
.next_box2::after {
	content: '→';
	color: #da3c41;
}
.next_box3 {
	font-weight: bold;
	position: relative;
	display: block;
	max-width: 85%;
	width:300px;
	margin: 1.5em auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #da3c41;
	border: 2px solid #da3c41;
	border-radius: 3px;
	line-height:2.2em;
		text-decoration:none;
}
.next_box3 a{
	text-decoration:none;
	color:#da3c41;
	display:block;}
	
	
.next_box3:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #da3c41;
}

.next_box3:hover a{
	color: #ffffff;
}
.next_box3::after {
	content:none;
}

#topti2{margin:0 5px;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:0;text-align:left}
#topti2 h2{background:-webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);background:repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;background-color:#1e8d96;padding:.5em 1em;margin-right:0;margin-bottom:0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;font-size:1.2em}
#topti2 h1{color:#fff;border:1px solid #0db4d1;display:inline;padding-top:5px;padding-right:15px;padding-bottom:5px;padding-left:30px;background-color:#087d91;background-repeat:repeat;margin-left:20px;background-repeat:no-repeat;background-image:url(../sozai/maru.png);background-position:7px}

#topti2 h3{
background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff;
    background-color: #1e8d96;
    padding: .5em 1em;
    margin:0px -18px 0.3em -17px !important;
    /* margin-bottom: 0; */
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    font-size: 1.2em !important;
	text-align:left;
	line-height:1.8em;}
	
#topti2 h3:first-letter{font-size:1.8em;font-weight:700;
vertical-align:-5px;}

.boxsens{
		border:1px solid #ccc;
	    border-radius: 3px;
    padding: 1em;
	font-size:0.9em;
	color:#333;
	margin: 20px 5px 15px 17px;
    background-color: #f8dede;}
	
.list_kazu-wrap {
    list-style:  none;          /* デフォルトのアイコンを消す */
    margin:  0 !important;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}

.list_kazu-wrap a{
	text-decoration:none !important;
	font-size:1.2em;
	color:#333;
	}
 
.list_kazu {
	margin:0 0 0 2em;

}

.list_kazu:before  {
  counter-increment: li_count;  /* カウンタの値を計算していく */
  content: counter(li_count)"."; /* 数字出力 */
  color: #F44336;               /* 文字色指定 */
  margin-right: 5px;            /* 余白指定 */
}
 
.li-inner{
	margin:0 0 0 1em;
	}
.li-inner h3{
    background: none !important;
    color: #333 !important;
    text-shadow: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    text-indent: -1em;
}

.li-inner ul li ul{
	margin:-3px 0 0 0;
	}
.li-inner ul li ul li{
	margin-left:-1.6em;
	list-style:none;
	}
.li-inner ul li ul li::before{
	content:"- ";
	}
.gyou2{
font-size: 0.67em;
    line-height: 1.1em;
    text-indent: initial;
	}	
.lili{
	text-align:left;}
.lili li{
    padding-left: 0.1em;
    text-indent: -0.1em;
    margin-bottom: 0.7em;
    line-height: 1.4em;}
	
.noh3{
    background: none !important;
    color: #333 !important;
    text-shadow: none !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    text-indent: -1em;
	font-size: 1.2em !important;
    margin-bottom: -0.8em !important;
}
.newtitle{
	width: 104%;
	margin-left: -26px;
	margin-bottom: 1em !important;
	margin-top: 2em !important;
	text-align:left !important;}
.newtitle::before{
	content:"▼ ";}
	
.numberC {
    border-radius: 50%;
    behavior: url(../css/PIE.htc);
    width: 20px;
    height: 20px;
    padding: 5px 7px 5px 5px;
    margin: -8px 4px 0 5px;
    border: 2px solid #999;
    text-align: center;
    font: 20px Arial, sans-serif;
    display: inline-block;
}

.numberCircle {
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 20px;
  height: 20px;
padding: 5px 3px 5px 8px;
    margin: -8px 4px 0 5px;
  border: 1px solid #666;
  text-align: center;
  font: 20px Arial, sans-serif;
box-shadow: inset 0px -3px 7px 0px #12737a;
    background: linear-gradient(to bottom, #1e8d96 5%, #12737a 100%);
	display:inline-block;
	color:#ffffff;
}

.wakukeshi{
	margin:0 -15px;}
.topyou{
	 text-align:center;
	 width:220px;
	 margin:0 auto;}
	 
.readmore-button-box3 a{
	background-color:#FFF;
    color: #333;
	  border: 2px solid #666;
    border-radius: 7px;
    padding: .5em 2em 0.3em 2em;
    display: inline-block;
    font-weight: 400;
    font-size: 1.25em;
    text-decoration: none;
	    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all  0.1s ease;
	    }
.readmore-button-box3 a:hover{    background-color: transparent;
    border: 2px solid #ff0000;
    color: #ff0000;
    cursor: pointer;}

.qalist{margin-left: -30px;
  counter-reset: qa kotae;}
.qalist li{
	list-style:none}
.qa{
    display: block;
    text-decoration: none;
    border-bottom: dashed 1px #607D8B;
    position: relative;
    padding: 0.5em 0.5em 0.3em 5px;
    /* text-indent: -1px; */
    line-height: 1.5em;
    text-align: left;
    margin-left: -10px;
	    font-weight: 700;
	
	}
.qa{counter-increment: qa;}
.qa::before {
   content: "Q" counter(qa) ": ";
   color:#49a9d4;
 }

.kotae{margin-left:-25px;
margin-bottom:3em;
   counter-increment: kotae;}
.kotae li{
}

.kotae li::before {

   content: "A" counter(kotae) ": ";
   color:#f92a1b;
 }
 .topnohakow{
	margin-bottom: -28px;
	text-align: left;
	background-image: url(../sozai4/hakases-cutout.png);
	background-size: contain;
	background-repeat-x: no-repeat;
	background-position: right;
	background-position: 270px;
	background-size: auto;
	font-weight: 700;
	background-repeat: no-repeat;

}
 .topnohako{
	margin-bottom: -28px;
	text-align: left;
	background-image: url(../sozai4/hakases-cutout.png);
	background-size: contain;
	background-repeat-x: no-repeat;
	background-position: right;
	background-position: 270px;
	background-size: auto;
	font-weight: 700;
	background-repeat: no-repeat;
	    background-color:#ffe661;

}


ul.cp_list2 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;

}
ul.cp_list2 li {
  border-bottom: dashed 1px #666;
  position: relative;
padding: 0.5em 0.5em 0.5em 35px;
    text-indent: -1px;
  line-height: 1.5em;
  margin-bottom:1em;
}
ul.cp_list2 li:before{
position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #fff;
    color: #333;
    font-weight: 700;
    font-size: 25px;
    border-radius: 50%;
    left: -7px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    top: 35%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 2px solid #666;

}
ul.cp_list2 li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}

ul.cp_list3 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;

}
ul.cp_list3 li {
  border-bottom: dashed 1px #666;
  position: relative;
padding: 0.5em 0.5em 0.5em 35px;
    text-indent: -1px;
  line-height: 1.5em;
  margin-bottom:1em;
  text-indent: 5px;
}
ul.cp_list3 li:before{
position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    background: #fff;
    color: #333;
    font-weight: 700;
    font-size: 25px;
    border-radius: 50%;
    left: -7px;
	    top: 15px !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 35%;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 2px solid #666;
	text-indent: -1px;
	margin-top: 2px;

}
ul.cp_list3 li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}
.sitayou{
	font-size: 1.6em;
    line-height: 1.6em;
		background-image: url(../sozai2/hakase-setu-s.jpg);
	background-size: contain;
	background-repeat-x: no-repeat;
	background-position: right;
	background-size: auto;
	background-repeat: no-repeat;
}

.sitayou2{
	font-size: 1.6em;
    line-height: 1.6em;
		background-image: url(../sozai2/osisu70.png);
	background-size: contain;
	background-repeat-x: no-repeat;
	background-position: right;
	background-position: 290px;
	background-size: auto;
	background-repeat: no-repeat;
}

.waku02{
	width:70px;
	box-shadow: 0 0 8px gray;
}

blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 3px;
    content: "”";
    font-family: sans-serif;
    color: #cfcfcf;
    font-size: 90px;
    line-height: 1;
}
blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.waku-ran{
	border: 1px dotted #aad3db;
	margin: 2.5em -8px;
    padding: 1em 0;
	background-image:url(../img/block.gif);
	}
#sb-site #main .waku-ran .tisaku tr td h3 {
    margin: 0 0 0 -.2em;
    font-size: 1.6em;
    display: inline-block;
    color: #333;
    border-bottom: solid 5px #12737a;
    position: relative;
    line-height: 1;
}
#sb-site #main .waku-ran .tisaku tr td h3:after{position:absolute;content:" ";display:block;border-bottom:solid 5px #0db4d1;bottom:-5px;width:20%}

.kaisetu2{
	text-align:left;
	margin-bottom: -0.3em;
}
.kaisetu2 a{
	text-decoration:none;
	font-size:1.2em;
	margin-left: -0.2em;
	font-weight:700;
}
.li-ran{margin-left:-30px;
text-align:left;}

.rank-li,list-li{
	display:table;
	margin:0 auto;}
	
.rank-li ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

.rank-li ol li,list-li ol li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.rank-li ol li img{
	margin-right:5px;
}

.rank-li ol li a{
	text-decoration:none;
	color:#666;
	font-size:1.1em;
	line-height:1.9em;}
.list-li ol li a{
	text-decoration:none;
	color:#666;
	font-size:1.1em;
	line-height:1.9em;}

/*.rank-li ol li:after {
  counter-increment: item;
  content: '(解説)';
  padding-left: .5em;
  color: #666;
}*/

.ribbon9 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;
}
.ribbon9:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
  z-index: -2;
  border: 20px solid #ff9800d4;
  border-left-color: transparent;/*山形に切り抜き*/
}

.ribbon9:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
  z-index: -2;
  border: 20px solid #ff9800d4;
  border-right-color: transparent;/*山形に切り抜き*/
}

.ribbon9 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 18px;
  color: #FFF;
  width:230px;
  background: #ff9800;/*真ん中の背景色*/
}
.ribbon9 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #795548ab;/*左の折り返し部分*/
}
.ribbon9 h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #795548ab;/*右の折り返し部分*/
}

.next_next {
 border: solid 2px #9e9e9e99;
    border-radius: 3px;
    padding: 10px;
    font-size: .8rem;
    margin-right: 0.4em;
}

.next_next a{
	text-decoration: none;
    font-size: 1.2em;
    color: #666;
	}
	
	
/************************************
** 上下比較リストボックス
************************************/
.compare-list-box * {
  margin: 0 !important;
  padding: 0 !important;
}

.compare-list-box a {
	font-size:0.92em;
	text-decoration:none;
	color:#666;
}
.compare-list-box {
  margin: 2em auto 2em 0px!important;
  padding: 4.5em 1em 1.8em !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  background: #fff6f2;
  border-radius: 4px;
  max-width: 600px;
  position: relative;
/*  box-shadow: 0 3px 5px rgba(0, 0, 0, .07);*/
}
.compare-list-box .compare-list-box-title {
  padding: 0.5em 0 !important;
  text-indent: 1em;
  background: #ffa883;
  color: #fff;
  font-weight: 600;
  font-size: 1em;
  text-align: left;
  border-radius: 4px 4px 0px 0px;
  position: absolute;
  bottom: calc(100% + -40px);

  width: 100%;
}
.compare-list {
  position: relative;
  margin-left: 60px !important;
}
.compare-unit-top {
  position: absolute;
  top: 8px;
  right: calc(100% - -13px);
  font-size: 14px;
  font-weight: 400;
  color: #393f4c;
  width: 45px;
  text-align: right;
}
.compare-unit-bottom {
  position: absolute;
  bottom: 8px;
  right: calc(100% - -13px);
  font-size: 14px;
  font-weight: 400;
  color: #393f4c;
  width: 45px;
  text-align: right;
}
.compare-list ul,.compare-list ol {
  padding: 1em 0 1em 0.5em !important;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  border-left: 2px solid #ffa883;
  list-style: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.compare-list ul li, .compare-list ol li {
  margin-bottom: 1.4em !important;
  padding: 0 0 0 1.5em !important;
  line-height: 1.4;
  position: relative;
}
.compare-list ul li:after, .compare-list ol li:after {
  content: unset !important;
}
.compare-list-box .compare-list ul li:before, .compare-list-box .compare-list ol li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 8px;
  width: 3px;
  height: 3px;
  display: inline-block;
  background-color: #777 !important;
  border-radius: 50%;
}
.compare-list ul li:last-child, .compare-list ol li:last-child {
  margin-bottom: 0 !important;
}
.compare-list ul::before, .compare-list ul::after, .compare-list ol::before, .compare-list ol::after {
  margin: auto !important;
  position: absolute;
  left: -7px;
  content: "";
  vertical-align: middle;
}
.compare-list ul::before, .compare-list ol::before {
  top: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #ffa883;
  border-right: 2px solid #ffa883;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.compare-list ul::after, .compare-list ol::after {
  bottom: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #ffa883;
  border-right: 2px solid #ffa883;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
/* イエロー */
.compare-list-yellow {
  background:#fff !important;
}
.compare-list-yellow .compare-list-box-title{
background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px)!important;
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px)!important;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3)!important;
    color: #fff;
    background-color: #1e8d96!important;
    padding: .5em 1em;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999!important;
    font-size: 1.2em;
}
.compare-list-yellow ul,.compare-list-yellow ol,.compare-list-yellow ul::before,.compare-list-yellow ol::before,.compare-list-yellow ul::after,.compare-list-yellow ol::after{
  border-color:#fdc44f !important;
}
/************************************
** 上下比較リストボックス終わり
************************************/


/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
max-inline-size: max-content;
margin-inline: auto;
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(86%/3);/* 2列 */
flex-basis: calc(86%/3);/* 2列 */
margin:0;
padding:0;
text-align:center !important;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:50px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
max-width: 130px !important;
}
.p-nav ul li img{
	margin:0 auto;}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/************************************
** ボックスナビ終わり
************************************/

.post {
  counter-reset: h2;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
}


#sb-site #main #topti .wakulinka.osubox a table tr td h3
{
margin: 0.7em 0px 0.5em -15px;
    text-indent: -10px;
	font-size:1.6em;
 display: inline-block;
  color: #333; 
  border-bottom: solid 5px #12737a;
  position: relative;
  width:90%;
  line-height:1;
  background : none !important;}
	
#sb-site #main #topti .wakulinka.osubox a table tr td h3:before {
  counter-increment: h2;  /* h2カウンターの値に1を加算 */
  content: counter(h2) ". ";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
 #sb-site #main #topti .wakulinka.osubox a table tr td h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #0db4d1;
  bottom: -5px;
  width: 10%;
  }
  
  .rankbox{
  }
  .rankbox h4{
	  margin: 1em 0 0.5em 0;
    font-size: 1.2em;}
.rankbox dt{
	font-size: 1.2em;
    font-weight: 700;
    margin-left: 0.5em;}
	  
	  
	  
.rankbox dt:before {
		background-image: url(../sozai4/crown.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 21px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
    margin-top: -6px;
}

.rankbox dd{
	margin-bottom:10px;}
	
.hako{
	margin: 1em 0;
    padding: 1em 15px 0;
    border: 2px solid #efefef;
    border-radius: 4px;
    clear: both;
	}	
	
	 /* === BOXの定義 ================================================= */
.next-box {
  position      : relative;                   /* relative指定は必須 */
 
  margin        : auto;               /* 色や文字情報は変更ください */
  max-width     : 400px;
  padding       : 0.5em;
  background    : #fff;
    border: 2px solid #efefef;
    border-radius: 4px;
  text-align    : left;


}
 
 /* === 文書を書くBOX ============================================= */
.next-box > div {
  overflow      : hidden;                       /* hidden指定は必須 */
}
 
 /* === チェックボックス ========================================== */
.next-box > input {
  display       : none;                                   /* 非表示 */
}
.next-box h3{

	color:#666 !important;
	background:none !important;
	text-shadow:none !important;
	    margin-left: -10px !important;
    border-bottom-style: none !important;
	
}

.next-box h3::before{
		  content:none !important;/*何も入れない*/
}

.next-box h4{
margin: 1.1em 0 0.1em 0;
font-size:1.2em;
}
 
 /* === チェックボックスのlabel（＝ボタンに見せる） =============== */
.next-box > label {
  position      : absolute;
  display       : inline-block;
  bottom        : 3px;
  right         : 3px;
  padding       : 5px 8px;
  background    : #fff;
  color         : #008000;
  border        : 2px solid #008000;
  border-radius : 4px;
  font-size     : 9pt;
  font-weight   : bold;
}
 
 /* === ボタンにカーソルが乗った時 ================================ */
.next-box > label:hover {
  background    : #b1f3b1;
}
 
 /* === 文書のエリアの高さ（「続きを開く」が表示されているとき）=== */
.next-box > input[type="checkbox"]:not(:checked) ~ div {
  height        : 5em;
}
 
 /* --- ボタンに表示する文字（閉じているとき） -------------------- */
.next-box > input[type="checkbox"]:not(:checked) + label::after {
  content       : "続きを開く";
}
 
 /* --- ボタンに表示する文字（開いているとき） -------------------- */
.next-box > input[type="checkbox"]:checked + label {
  display       : none;
}

.situmo{
	margin: 0;
    padding: 5px;
    border: 1px solid #D6D6D6;
    border-radius: 2px;
	text-align:center;
}
.hukibox{
    font-size: 0.8rem;
    position: absolute;
    top: -25px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #333;
    border: 2px solid #db3c41;
    border-radius: 2px;
    background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.next_box4{font-weight: bold;
    position: relative;
    display: block;
    width: 80%;
    margin: 1.5em auto;
    padding: 0.3em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #fff;
    border: 2px solid #da3c41;
    border-radius: 3px;
    line-height: 2.2em;
    text-decoration: none;
    background-color: #da3c41;
}

.next_box4 a{
	text-decoration:none;
	color:#fff;
	display:block;
	margin-bottom: -1em}
	
	
.next_box4:hover {
	transition: all 0.3s;
	color: #da3c41;
	background: #fff;
}

.next_box4:hover a{
	color: #da3c41;
}
.next_box4::after {
	content:none;
}


.next_box5{font-weight: bold;
    position: relative;
    display: block;
    width: 80%;
    margin: 1.5em auto;
    padding: 0.3em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #fff;
    border: 2px solid #da3c41;
    border-radius: 3px;
    line-height: 2.2em;
    text-decoration: none;
    background-color: #ff5722;
}

.next_box5 a{
	text-decoration:none;
	color:#fff;
	display:block;
	margin-bottom: -1em}
	
	
.next_box5:hover {
	transition: all 0.3s;
	color: #ff5722;
	background: #fff;
}

.next_box5:hover a{
	color: #da3c41;
}
.next_box5::after {
	content:none;
}



.link_kousikiw{
    padding-top: 2px;
    padding-left: 4px;
    text-align: left;
    line-height: 2.8em;
	}

.link_kousikiw a{
	font-size:1.1em;
	margin-left:1em;}
.link_kousikiw a::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 5px;
    margin-top: -5px;
    background-image: url(../sozai4/gaibu.png);
    background-size: contain;
    vertical-align: middle;
}





.tabletop7{font-size:.85em;border-collapse:collapse;
width:100%}
.tabletop7 td{border:1px solid #666;padding:1em;
}
.tabletop7 td:nth-child(1){
	font-weight:700;
}
/*ライバルテーブル固定*/

.raibaru{
	overflow: auto;
	white-space: nowrap;
}
.raibaru table{
	width: auto;
		border: 1px solid #efefef;
	border-collapse: collapse;
}
.raibaru table th {
	min-width: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:0.8em 1em;
	border: 1px solid #efefef;
	border-collapse: collapse;
		left: -1px;
	
}

.raibaru table td {
	max-width: 30em !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:0.8em 1em;
	border: 1px solid #efefef;
	border-collapse: collapse;

	
}
.raibaru table .fixcell {
	position: -webkit-sticky;
	position: sticky;
	left: 120px;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	background-color:#fff;
}
.raibaru table .fixcell:first-child {
	left: 0;
}



/*ライバルテーブル固定*/

/************************************
** 横長テーブル
************************************/
.p-sticky-table2{
  white-space: nowrap;
  line-height:1.6;
	max-width:410px;
}
.p-sticky-table2 th strong{
	    font-weight: normal;
    margin-left: 0.2em;}
	
.p-sticky-table2 table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
/*	max-height: 80vh;*/
}
.p-sticky-table2 thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table2 thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
/*  text-align:center;*/
}
.p-sticky-table2 tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table2 th, .p-sticky-table2 td {
  min-width: 50px;
  text-align: left;
  font-size: 16px !important;
  position: relative;
/*  padding: 13px !important;*/
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
          font-size: 12px !important;
        padding: 7px !important;
}
.p-sticky-table2 th{
  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}
.p-sticky-table2 tr{
  border-bottom:none !important;
}
.p-sticky-table2 th img{
margin: 0px 0 0 10px;
  display: block;
  padding: 0;
}
.p-sticky-table2 table th::before, .p-sticky-table2 table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table2 table {
/*    max-height: 60vh;*/
    }
  .p-sticky-table2 thead th:first-child, .p-sticky-table2 tbody th:first-child {
        min-width: 18vw;
    }
   .p-sticky-table2 th, .p-sticky-table2 td {
        font-size: 12px !important;
        padding: 7px !important;
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}


/*ランキングスター*/
.star{
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  color: #fc6530;
}
.star:before{
  font-weight: 900;
}
.star:after{
  font-weight: 400;
}

.star[data-rate="0.0"]:before{ content: ""; }
.star[data-rate="0.5"]:before{ content: "\f5c0"; }
.star[data-rate="1.0"]:before{ content: "\f005"; }
.star[data-rate="1.5"]:before{ content: "\f005\f5c0"; }
.star[data-rate="2.0"]:before{ content: "\f005\f005"; }
.star[data-rate="2.5"]:before{ content: "\f005\f005\f5c0"; }
.star[data-rate="3.0"]:before{ content: "\f005\f005\f005"; }
.star[data-rate="3.5"]:before{ content: "\f005\f005\f005\f5c0"; }
.star[data-rate="4.0"]:before{ content: "\f005\f005\f005\f005"; }
.star[data-rate="4.5"]:before{ content: "\f005\f005\f005\f005\f5c0"; }
.star[data-rate="5.0"]:before{ content: "\f005\f005\f005\f005\f005"; }

.star[data-rate="0.0"]:after{ content: "\f005\f005\f005\f005\f005"; }
.star[data-rate="0.5"]:after{ content: "\f005\f005\f005\f005"; }
.star[data-rate="1.0"]:after{ content: "\f005\f005\f005\f005"; }
.star[data-rate="1.5"]:after{ content: "\f005\f005\f005"; }
.star[data-rate="2.0"]:after{ content: "\f005\f005\f005"; }
.star[data-rate="2.5"]:after{ content: "\f005\f005"; }
.star[data-rate="3.0"]:after{ content: "\f005\f005"; }
.star[data-rate="3.5"]:after{ content: "\f005"; }
.star[data-rate="4.0"]:after{ content: "\f005"; }
.star[data-rate="4.5"]:after{ content: ""; }
.star[data-rate="5.0"]:after{ content: ""; }
/*ランキングスター*/


.hikaku{
	margin: -2em 0 1.5em 0}
	
.hikaku h2{
	font-size:1.5em;
	text-align:left}
	
.hikaku h3{
	font-size:1.3em;
	text-align:left;
	margin-top:1.6em;
	margin-left:-0.2em;
	}	
.hikaku h3::before{content:'■ ';
font-size:2em;
    margin-right: -8px;
	    vertical-align: -1px;
}
.hikakubox{
	font-size:0.9em;
	text-align:left;}

.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 14rem;

	content:'↓ 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #607d8b;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 150px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {

	content:' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

.cp_box::after{
  content: "";
  clear: both;
  display: block;
}

.anone{}
.anone a{
	text-decoration:none;}
	
.anone a::after{background-image:url(../sozai4/link.png);content:"";width:16px;height:16px;display:inline-block;margin-left:5px;background-repeat:no-repeat;margin-bottom:-2px}

.col3 {
  display: flex;
    padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left:auto !important;
  margin-right:auto !important;
  list-style: none;
flex-wrap: wrap;
max-width: 480px;

}
.col3 dd {
  margin:0 10px;
}
.col1 dd {
  width: 105px;
  margin:0 5px;
}
.col1 dd li{
	font-size:0.8em;}

.col1 {
margin-top: 0;
    margin-bottom: 0;
    margin-right: auto !important;
    list-style: none;
}


.col3 dd li{
    font-size: 0.8em;
    text-align: left;
    text-indent: 0.5em;}

.col3 dd li:nth-of-type(2) {
	text-indent:1em;}
.col3 dd li:nth-of-type(3) {
	text-indent:1em;}
.mannaka4{
	 display: flex;
  justify-content: center;
  align-items: center;
}


@media screen and (max-width:321px){
	.col3 dd {
  width: 100px;
  margin:0 1px;
}
.nakusu321{
	display:none;
}
.toph1{
	font-size:0.9em;}
}

.allbox{
	padding:1em 0.8em;
}
.allbox:first-letter{
    float: left;
    font-size: 2.8em;
    margin: 0 1px 0 0;
    line-height: 1;
}


article {
	display: flex;
	margin-bottom: 5px;
	margin-left:-40px;

}
	article figure {
		margin-right: 10px;
		width: 100px;
		height: 100px;
	}
		article figure img {
			min-width: 100px;
			max-width: 100%;
			vertical-align: top;
		}
.text_content{
	margin:1em 0;
	font-size:0.9em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;;
	}
.text_content strong{
	font-size:1.1em;}	
	
#all{  counter-reset: h2;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
}

#all h3{
    margin: 2em 0 0 0;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
	    background: linear-gradient(rgba(0,0,0,0) 88%,rgba(255,240,0,.45) 0);
}

	
#all h3:before {
  counter-increment: h2;  /* h2カウンターの値に1を加算 */
  content: counter(h2) ". ";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
#all h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #0db4d1;
  bottom: -5px;
  width: 10%;
  }
  
 #all2{  counter-reset: h2;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
}

#all2 h3{
    margin: 2em 0 0 0;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
	    background: linear-gradient(rgba(0,0,0,0) 88%,rgba(255,240,0,.45) 0);
}

	
#all2 h3:before {
  counter-increment: h2;  /* h2カウンターの値に1を加算 */
  content: counter(h2) ". ";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
#all2 h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #0db4d1;
  bottom: -5px;
  width: 10%;
  }
  
#all3{  counter-reset: h2;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
}

#all3 h3{
    margin: 2em 0 0 0;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
	    background: linear-gradient(rgba(0,0,0,0) 88%,rgba(255,240,0,.45) 0);
}

	
#all3 h3:before {
  counter-increment: h2;  /* h2カウンターの値に1を加算 */
  content: counter(h2) ". ";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
#all3 h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #0db4d1;
  bottom: -5px;
  width: 10%;
  }
  
 #all4{  counter-reset: h2;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
}

#all4 h3{
    margin: 1em 0 0 -2px !important;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
	border-bottom-style:none;}


	
#all4 h3:before {
  counter-increment: h2;  /* h2カウンターの値に1を加算 */
  content: counter(h2) ".";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
 #all22{  counter-reset: h1;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
}

#all22 h2{
    margin: 3em 0 0 -2px !important;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
	border-bottom-style:none;
		background: linear-gradient(rgba(0,0,0,0) 88%,rgba(0,0,0,0.35) 0);
		margin-bottom:0.5em;}
	


	
#all22 h2:before {
  counter-increment: h1;  /* h2カウンターの値に1を加算 */
  content: counter(h1) ".";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
#all22 h3{
	font-size:1.2em;
	color:#333;	padding:0;
	border-bottom:none;
	text-shadow: none;
	margin:0.8em 0 0.8em -0.5em;
 position: relative;  padding: .5em;  background-color: #4865b2;  color: #f7f7f7}
#all22 h3:after {  position: absolute;  top: 0;  right: 0;  content: '';  width: 0;  border-width: 0 1pc 1pc 0;  border-style: solid;  border-color: #959e9b #fff #959e9b #ddd;  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1)}

#all22 h3+div{
	margin-left:0.5em;
}

#all22 h4{font-size: 1.2em;
    margin-bottom: -0.6em;}
	
#all22 h4::before{content:'▼ ';
}

 #all23{  counter-reset: h1;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
 text-align:left;
}

#all23 h2{
    margin: 3em 0 0 -2px !important;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
	border-bottom-style:none;
		background: linear-gradient(rgba(0,0,0,0) 88%,rgba(0,0,0,0.35) 0);
		margin-bottom:0.5em;}
	


	
#all23 h2:before {
  counter-increment: h1;  /* h2カウンターの値に1を加算 */
  content: counter(h1) ".";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
#all23 h3{
	font-size:1.2em;
	color:#333;	padding:0;
	border-bottom:none;
	text-shadow: none;
	margin:0.8em 0 0.8em -0.5em;
 position: relative;  padding: .5em;  background-color: #4865b2;  color: #f7f7f7}
#all23 h3:after {  position: absolute;  top: 0;  right: 0;  content: '';  width: 0;  border-width: 0 1pc 1pc 0;  border-style: solid;  border-color: #959e9b #fff #959e9b #ddd;  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1)}

#all23 h3+div{
	margin-left:0.5em;
}

#all23 h4{font-size: 1.2em;
    margin-bottom: -0.6em;}

#all23 h4::before{content:'▼ ';
}

 .firstdai{
 }
 .firstdai::first-letter{
	 color: #2992e3;
	font-size: 200%;
 }
 
 .firstdai2{
	 text-align:left;
 }
 .firstdai2::first-letter{
	font-size: 260%;
	color:#333;
	margin-right:-7px;

 }
 
 .cp_box2 *, .cp_box2 *:before, .cp_box2 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box2 {
	position: relative;
}
.cp_box2 label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height:100px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box2 input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box2 label:after {
line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    content: '＋ 続きを見る';
    transform: translate(31%, 130%);
    letter-spacing: 0.05em;
    color: #333;
   left: 50%;
  width: 40%;	
cursor: pointer;
}
.cp_box2 input {
	display: none;
}
.cp_box2 .cp_container {
	overflow: hidden;
	height: 150px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box2 input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box2 input:checked + label:after {

	content:'- 閉じる';
}
.cp_box2 input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 5px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

.cp_box2::after{
  content: "";
  clear: both;
  display: block;
}

.cp_box2 img {
	float:left;
	margin: 0 10px 5px 0;
	}
	

 #all30{  counter-reset: h1;  /* 'h2'という名前のカウンターを設定し、 0 で初期化する。 */
 text-align:left;
}

#all30 h2{
    margin: 1em 0 0.5em -2px !important;
    font-size: 1.6em;
    font-weight: initial;
    color: initial;
    background: initial;
    padding: 0 0 5px 0;
    text-shadow: initial;
    border-bottom-style: none;
    background: linear-gradient(rgba(0,0,0,0) 95%,#424242 0);
    margin-bottom: 0.5em;}
	


	
#all30 h2:before {
  counter-increment: h1;  /* h2カウンターの値に1を加算 */
  content: counter(h1) ".";   /* h2カウンターの値を表示 */
  font-size:1.5em;
  }
  
#all30 h3{
    font-size: 1.2em;
    border-bottom: 3px dotted #616161;
    margin: 0.8em 0 3px -3px;
    text-indent: 3px;
}

#all30 h3::before{content:'■ ';
}

#all30 h3+div{
	margin-left:0.5em;
}

#all30 h4{font-size: 1.2em;
    margin-bottom: -0.6em;}

#all30 h4::before{content:'▼ ';
}
.tablesimple{
    border-spacing: 0;
    border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}
.tablesimple th{
	border: 1px solid #ccc;
	padding:10px;
	background-color:#eee}
.tablesimple td{
	border: 1px solid #ccc;
	padding:10px}
.tablesimple tr{
	border: 1px solid #ccc;}
	
ul.cp_list4 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;

}
ul.cp_list4 li {
  border-bottom: dashed 1px #fff;
  position: relative;
padding: 0.5em 0.5em 0.5em 35px;
    text-indent: -1px;
  line-height: 1.5em;
}
ul.cp_list4 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #fff;
  color: #2b2b2b;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0px;
}
ul.cp_list4 li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}
.siro::before {
    content: '- ';
	font-size: 1.4em;
    color: #999;
}
.siro::after {
    content: ' -';
	font-size: 1.4em;
    color: #999;
}
.tabler{
	display: flex;justify-content: flex-end;}
.wakuhikaku{
	padding:1em;
	font-size:0.9em;
	border:1px solid #ccc;
	margin:1em 0;}
.aflink a{
	font-size:1.2em;
	color:#F00;
	text-decoration:none;
	font-weight:700;}
	
.flexbox2{
  display: flex;
  justify-content: center;
}
.flexbox2 a{
		font-size:0.9em;
	text-decoration:none;
	color:#000;}
.flexbox2 a::before {
    content: '＼ ';}
.flexbox2 a::after {
    content: ' ／';}	
	
		
.flexbox2 img{
	margin-bottom:10px;}

.flexbox2 .hanbun30{
text-align: center;
    margin: 0 10px;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}



.animetext{
font-size: 2em;
    margin-left: 50%;
    transform: translateX(-200%);
    opacity: 0;
    animation: slide-in-anim 4.5s ease-out forwards;
    width: 100%;
	margin-bottom:0.5em;
	color:#333;
	font-weight:bold;
}

@keyframes slide-in-anim {
  20% {
    opacity: 0;
  }
  60% {
    transform: translateX(-45%);
  }
  75% {
    transform: translateX(-52%);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%);
  }
}



/************************************
** 横長テーブル3
************************************/
.p-sticky-table3{
  white-space: nowrap;
  line-height:1.6;
	max-width:520px;
}
.p-sticky-table3 th strong{
	    font-weight: normal;
    margin-left: 0.2em;}
	
.p-sticky-table3 table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow-y:hidden;
/*	max-height: 80vh;*/
}
.p-sticky-table3 table td a{
	text-decoration:none;
	color:#333;
}

.p-sticky-table3 table th a{
	text-decoration:none;
	color:#333;
	display:inline-block;
	width:100%;
/*	height:100%;*/
	font-size:1.2em;
	letter-spacing: -1px;	
}

.p-sticky-table3 table th a:after{background-image:url(../sozai/link-out.png);content:"";width:16px;height:16px;display:inline-block;margin-left:5px;background-repeat:no-repeat;margin-bottom:-4px}
.p-sticky-table3 thead th:first-child{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  padding:2em 1em !important;
}
.p-sticky-table3 table thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
background-color:#f8f8f8 !important;
/*  text-align:center;*/
}

.p-sticky-table3 table thead tr td {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
background-color:#f8f8f8 !important;
text-align:center;
height:80px;
}
.p-sticky-table3 td{
	text-align:center !important;
	font-size:1.1em !important;}
	
.p-sticky-table3 td:nth-child(6){
	text-align:left !important;
	}	
	
.p-sticky-table3 tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  min-width: 130px;
  font-weight: bold !important;
}
.p-sticky-table3 th, .p-sticky-table3 td {
  min-width: 30px;
  text-align: left;
  position: relative;
/*  padding: 13px !important;*/
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
        padding: 7px !important;
		height:45px;
}
.p-sticky-table3 th{
  background:#fff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
    width:7em;
}

.p-sticky-table3 tr{
  border-bottom:none !important;
}
.p-sticky-table3 th img{
margin: 0px 3px -2px 0;
  display: inline;
  padding: 0;
}

.p-sticky-table3 table th::before, .p-sticky-table3 table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table3 table {
/*    max-height: 60vh;*/
    }
  .p-sticky-table3 thead th:first-child, .p-sticky-table3 tbody th:first-child {
        min-width: 18vw;
    }
   .p-sticky-table3 th, .p-sticky-table3 td {
        font-size: 12px !important;
        padding: 7px !important;
    }
	.p-sticky-table3 th{
    width:7em;
}

}

.p-sticky-table3 thead th:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  top: 0;
/*  left: 11.9em;
  z-index: 3;*/
  padding:2em 1em !important;
}

.p-sticky-table3 tbody th:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 11.9em;
  z-index: 1;
  border:none;

}
.scroll-hint-icon{
	z-index:10;}
	
.animetext2{
    margin-left: 50%;
    transform: translateX(-200%);
    opacity: 0;
    animation: slide-in-anim2 2.0s ease-out forwards;
    width: 100%;
	margin-bottom:0.5em;
	color:#333;
	font-weight:bold;
}

@keyframes slide-in-anim2 {
 0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }}
  
.animetext3{
    margin-left: 0%;
    transform: translateX(-200%);
    opacity: 0;
    animation: slide-in-anim3 3.0s ease-out forwards;
    width: 100%;
	margin-bottom:0.5em;
	color:#333;
	font-weight:bold;
}

@keyframes slide-in-anim3 {
 0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }}
.animetext4{
    margin-left: 0%;
    transform: translateX(-200%);
    opacity: 0;
    animation: slide-in-anim3 4.0s ease-out forwards;
    width: 100%;
	margin-bottom:0.5em;
	color:#333;
	font-weight:bold;
}

@keyframes slide-in-anim4 {
 0% {
    opacity: 0;/*初期状態では透明に*/
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }}
  
  
 .zoom {
  animation: zoomIn 0.5s ease-in-out forwards;//0.7秒かけてズームインさせる
  animation-delay: 3s;//画面が表示されて2秒後に実行
  transform: scale(0,0);
}

@keyframes zoomIn {
  100% {
    transform: scale(1,1);
  }
}

.readmore-button-box a {
   background-color: #cc0000; /* ボタンの色(濃い赤) */
   color: white;              /* ボタンの文字色(白) */
   border-radius: 18px;       /* 角丸の半径 */
   padding: 0.5em 2.5em;;     /* 内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   font-weight: bold;         /* ボタンの文字を太字に */
   font-size: 1.25em;         /* ボタンの文字サイズ */
}
.readmore-button-box a:hover {
   background-color: red;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
}

.kome{
    font-size: 16px;
    padding: 20px;
    background-color: #f5f5f5;
    outline: 1px solid #f0f0f0;
    border-color: #f0f0f0;
    text-align: center;
    margin-top: 15px;}
h1.toph1 {
	margin-top:1.3em;}
	
h1.toph1 span{
  display:block;
　width:100%;
}
h1.toph1 span:nth-of-type(2){
  display:block;
  font-size:0.9em;
}

h1.toph1 span:nth-of-type(2):before{
			content:"＼ ";
    }	

h1.toph1 span:nth-of-type(2):after{
			content:" ／";
    }	
	
h1.toph12 {
	margin-top:1.1em;}
	
h1.toph12 span{
  display:block;
　width:100%;
}
h1.toph12 span:nth-of-type(2){
  display:block;
  font-size:0.9em;
}


.topwaku{
	padding:1em}
.bigkei{
	margin: 0 0 0 1em;
    background: linear-gradient(transparent 60%, #ffff66 60%);
    font-size: 1.4em;}
	
.blur, .blur > img {
    margin: 0; padding: 0;
    border: 0;
}

.blur {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.blur:after {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    -moz-box-shadow: inset 0px 0px 5px 5px #fff;
    -webkit-box-shadow: inset 0px 0px 5px 5px #fff;
    box-shadow: inset 0px 0px 5px 5px #fff;
    content: " ";
}	

.hukihako{
	    border: 3px solid #000;
    padding: 1em;
    text-align: left;
    margin-top: 5px;}
	
.toph2d{
font-size: 21px;
    margin: 17px 0 10px -11px;
    font-weight: 700;
}
.toph2d span{
	display: block;
　width:100%;
}
.toph2d span:nth-of-type(2){
	display: inline-block;
	margin-left:1em;
  font-size:0.9em;
}
.readmore-button-box4{
	text-align:right;}

.readmore-button-box4 a{
    color: #888;
    padding: 0.5em;
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
}
.readmore-button-box4 a:after{
	content:" ↓";
	font-weight:bold;
}


	
.hikakutbox{
	margin: 4px 0 0 18px;
    position: relative;
    height: auto;
    min-height: 120px;}
	
.hikakut td {
    border: solid 6px #fff;

}

.hikakubox0{
	    margin-top: 15px;
		position: relative;
    margin-bottom: 50px;}

.hikaku_box{
    display: flex;
	margin:2em 0 0 0;
    padding-bottom: 20px;
}
.hikaku_cap{
    width: 120px;
	text-align:center;
}

.hikaku_box2{
    display: flex;
	margin:2em 0 0 0;
    padding-bottom: 20px;
}
.hikaku_cap2{
    width: 140px;
	text-align:center;
}
.hikaku_cap2 img{
	border: 1px solid #ccc;
    border-radius: 5px;
	margin-top: -5px;}

.hikaku_bun{
    flex: 1;
	min-height:5em;
	margin-left:27px;
}
.boxbun{
	 position: relative; /*必須*/
font-size: 13px;
    line-height: 18px;
    color: #000;
    padding: 10px;
    border: 1px solid #333;
    border-radius: 5px;
    margin: 0 -10px 0 -15px;}
.boxbun_title{
	position: absolute;
    top: -9px;
    left: 8px;
    padding: 0 9px;
    background: #fff;
    color: #666;
    font-weight: bold;
    font-size: 105%;
}
.boxbun_title2{
	position: absolute;
    top: -9px;
    left: 8px;
    padding: 0 9px;
    background: #fff;
    color: #f00;
    font-weight: bold;
    font-size: 105%;
}
.boxbun p{
	margin-top:3px;}
	
.hikaku_bun h3{
	display: inline;
	margin-left: -19px;
    margin-right: 2px;
    font-size: 1.2em !important;
	    background: linear-gradient(rgba(0,0,0,0) 65%,rgba(255,240,0,.45) 0);
    font-weight: 700;}
	
.hikakutbox2 {
    border: 1px solid #000;
    padding: 8px 10px 5px 10px;
    border-radius: 2px;
	text-align:center;
}

.hikakubox0 a, .aobackbox a{
	text-decoration:none;
	color:#333;
/*	border: 1px solid #ccc;
    padding: 8px 11px 8px 20px;*/}
	
.hikaku_bun ol{
	margin:3px 0 0 -36px;}
.hikaku_bun ol li{
	font-size:13px;
	line-height:18px !important;}
	
	
.hikaku_bun ul{
	margin:3px 0 0 -36px;}
	
.hikaku_bun ul li{
	font-size:13px;
	line-height:18px !important;}
	
.hikaku_bun strong{
	margin:0 0 0 -16px;}

.hikaku_bun strong::before{
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 27px;/*画像の幅*/
  height: 21px;/*画像の高さ*/
  margin-left:-2px;
      margin-top: -5px;
  background-image: url(../sozai2/siru.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 3px;
  background-repeat: no-repeat;
	}
.hakase{
	margin:0 0 30px -20px;
	font-size:1.1em;
	font-weight:bold;
}

.kasanetext {
    margin-top: 3px;
    background-color: rgb(28 137 145 / 66%);
    color: #f5f5f5;
    line-height: 1.5em;
    display: block;
    Z-INDEX: 200;
    position: absolute;
    letter-spacing: 0.2em;
    font-size: 14px;
    width: 104px;
    margin-left: 8px;
    border-radius: 2px;
}
.aobackbox {
    background: -webkit-repeating-linear-gradient(
45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(
45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    background-color: #1e8d96;
    padding-top: 17px;
    padding-bottom: 0;
 width: calc(100% + 30px);
    margin: 15px 0px 0 -15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
	text-align:center;
	border-radius: 10px;

}

.aobackbox h3{
	color:#FFF;
	font-size:1.2em !important;
	    text-indent: 5px;}

.aobackbox h3 span::before {
    content: '- ';}
.aobackbox h3 span::after {
    content: ' -';}	
	
.aobackbox h3 span{
	display:block;}

	
.whitebox{
	background-color:#FFF;
	text-align:left;
	border-radius: 10px;}
	

	
.whitebox ul li {
    list-style-type: none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding-left: 1em;
    }
.whitebox ul li:before {
    border-radius: 50%; /*丸くする*/
    width: 5px; /*点の幅*/
    height: 5px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 0; /*点の位置*/
    top: 0.6em; /*点の位置*/
    content: "";
    background: #12737abf; /*点の色*/
    }	
.senw5{
	 width: calc(100% - 10px);
	 border:5px solid #fff;
	 border-radius: 10px;
	 height:auto;
}

.aobacktbox {
    background: -webkit-repeating-linear-gradient( 
45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient( 
45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    background-color: #1e8d96;
    padding: 9px 10px;
    width: calc(100% + 20px);
    margin: 0px 0px 0 -20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;

}

.aobacktbox h3 {
    color: #FFF;
    font-size: 1.3em !important;
    margin-bottom: 0 !important;
}




.link_naibu{
    padding-top: 2px;
    padding-left: 4px;
    text-align: left;
    line-height: 2.8em;
	}

.link_naibu a{
	font-size:1.1em;
}
.link_naibu a::after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 27px;/*画像の幅*/
  height: 21px;/*画像の高さ*/
  margin-left:4px;
      margin-top: -5px;
  background-image: url(../sozai2/siru.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
  background-repeat: no-repeat;
  }
  
  .tilebox {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 85px 85px;
    gap: 2px;
	max-width:380px;
	margin: 0 auto;
	
}

.grid-item {
    text-align: center;
}
.hitokotostar{
	margin:5px 0 0 10px;}
	
	
/************************************
** 横長テーブル4
************************************/
.p-sticky-table4{
  white-space: nowrap;
	max-width:325px;
	
}
.p-sticky-table4 th strong{
	    font-weight: normal;
    margin-left: 0.2em;}
	
.p-sticky-table4 table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow-y:hidden;
/*	max-height: 80vh;*/


}


.p-sticky-table4 table td a{
	text-decoration:none;
	color:#333;
}

.p-sticky-table4 table th a{
	text-decoration:none;
	color:#333;
	display:inline-block;
	width:100%;
	height:100%;
	font-size:1.2em;
	letter-spacing: -1px;	
}

.p-sticky-table4 table th a:after{background-image:url(../sozai/link-out.png);content:"";width:16px;height:16px;display:inline-block;margin-left:5px;background-repeat:no-repeat;margin-bottom:-4px}
.p-sticky-table4 thead th:first-child{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  padding:2em 1em !important;
}
.p-sticky-table4 table thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
background-color:#f8f8f8 !important;
/*  text-align:center;*/
}

.p-sticky-table4 table thead tr td {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
background-color:#f8f8f8 !important;
text-align:center;
height:50px;
line-height: 19px;
}
.p-sticky-table4 td{
	text-align:center !important;
	font-size:1.1em !important;}
	

.p-sticky-table4 tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  min-width: 130px;
  font-weight: bold !important;
}
.p-sticky-table4 th, .p-sticky-table4 td {
  min-width: 90px;
  text-align: left;
  position: relative;
/*  padding: 13px !important;*/
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff;
        padding: 7px !important;
		height:40px;
		border: 1px solid #ccc !important;
}
.p-sticky-table4 th{
  background:#fff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
    width:7em;
}

.p-sticky-table4 tr{
  border-bottom:none !important;
}


.p-sticky-table4 thead th:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 11.9em;
  z-index: 3;
  padding:2em 1em !important;
}

.p-sticky-table4 tbody th:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 11.9em;
  z-index: 1;
  border:none;

}


#grid_box {
display: grid;
/*   grid-template-rows:98px 100% 98px;
  grid-template-columns: 457px 291px;
 position:fixed;*/
  bottom:0;
  z-index:3;
  padding-top:10px;
  background-color: #fff;
  max-width:850px;
  width:98%;
  text-align:center;
  margin: 0 auto;
}
#header {
	  grid-row: 1/2;
    grid-column: 1/3;
background-color:#fff;
border: 1px solid #ccc;
width: 100%;

	}
#honbun {
	  grid-row: 2/3;
    grid-column: 2/3;
	    padding: 5px 15px 0 15px;
		    border: 1px solid #ccc;
	}
  
#menus {
	  grid-row: 2/3;
    grid-column: 1/2;
	padding: 13px 3px 10px 3px;
	text-align:left;
	border: 1px solid #ccc;
	}
#menus a{
	text-decoration:none;
	color:#333;}
#footer{
		  grid-row: 3/4;
    grid-column: 1/3;
	
}
.sumaho{
	display:none;}	
.pctop{
display: block;
    /* margin: 10px 0 0 15px; */
    text-align: center;
    background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    color: #fff;
    /* text-shadow: 1px 1px 1px rgb(0 0 0 / 30%); */
    /* color: #fff; */
    background-color: #1e8d96;
    border-radius: 10px 10px 0 0;
	height:70px;
    padding-top: 30px;}	


.grid_head {
display: grid;
/*   grid-template-rows:98px 100% 98px;*/
    grid-template-columns: 400px 435px;
}
.grid_head_1{	  grid-row: 1/2;
    grid-column: 1/2;
	    text-align: left;
		margin: 0 0 0 12px;
		line-height:25px;
}
.grid_head_1 h1{
	margin: 0;
    font-size: 1.0em;
    color: #fff;
    display: initial;
	margin-left:5px;}
.grid_head_1 table span{
position: relative;
bottom: -7px;
font-size:0.75em;}
.grid_head_2 {
    grid-row: 1/2;
    grid-column: 2/3;
    background-color: #fff;
    border-radius: 5px;
    color: #333;
    margin: -3px 10px 0 0;
    padding: 8px 5px 9px 28px;
    text-align: left;
/*    background-image: url(../sozai9/kao42s.png);
    background-repeat: no-repeat;
    background-position: bottom 0px right 21px;*/
    justify-self: end;
    width: 360px;
}
.grid_head_2 a{
	text-decoration:none;
	color:#333;}	

/*.pctop2{
	display:block;
	line-height:3.5em;
	font-size:0.9em;}	
.pctop2 ul{
	 display: flex;
	 margin-left: -50px;}
.pctop2 ul li{
	list-style:none;
	margin-left:55px;
	position:relative;
}
.pctop2 ul img{
	position: relative;
    top: 5px;
    margin-right: 4px;}
.pctop2 ul li a{
	text-decoration:none;
	color:#333;
}*/

.pctop2 {
display: grid;
    padding: 0 30px;
    grid-template-columns: 25% 25% 25% 25%;
}
.pctop2 a{
	text-decoration:none;
	color:#333;}

.head_menu {
display: grid;
grid-template-columns: 25px 135px;
    font-size: 0.9em;
	    margin: 5px 0 0 0;
}
.head_menu1{	  grid-row: 1/2;
    grid-column: 1/2;
}
.head_menu2{	  grid-row: 1/2;
    grid-column: 2/3;
	text-align:left
}
.head_menu3{	  grid-row: 2/3;
    grid-column: 1/3;
}
#aowaku0 {
    font-size: 1.2em;
    /* text-align: center; */
    width: calc(100% + 31px);
    margin: -10px 0px 20px -15px !important;
    display: inline-block;
    background: -webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);
    background: repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #fff !important;
    background-color: #1e8d96;
	opacity: 0.8;
}
#aowaku0 h1{
	color:#fff;}
#aowaku0 h1 span:first-child{
display: inline-block;
    padding: 0 12px;}	
#aowaku0 h2{
	color:#fff;}	
.mannaka0 table{
	margin:0 auto;}	
.head_nai{
text-align: left;
    padding: 15px;
    line-height: 15px;
    font-size: 0.9em;
}
.head_nai span{
	padding:5px;
	border-radius:3px;

}
.meigen{
margin: 6px 0 11px 11px;
    font-size: 1.7em;
    font-weight: bold;
    background: linear-gradient(transparent 30%, #ff6 60%);
    display: inline-block;}
	
.img_545{
	max-width:545px !important;
	height:auto;}

@media screen and (max-width: 990px) {
.grid_head_2{
	display:none;}
.pctop2 ul li{
	margin-left:28px;}	
}
@media screen and (max-width: 710px) {

	
.pctop{
	display:none;}	
.pctop2{
	display:none;}	
.head_nai{
	display:none;}	
.sumaho{
	display:block;}		
#grid_box {
display: grid;
  grid-template-rows:31px 100%;
  grid-template-columns: 100%;
/*  position:fixed;*/
  bottom:0;
  z-index:3;
  padding-top:10px;
  background-color: #fff;
  max-width:850px;
  width:98%;
  text-align:center;
  margin: 0 auto;
}
#header {
	  grid-row: 1/2;
    grid-column: 1/2;
background-color:#fff;
left:0;
width:100%;
position: fixed;
	    height: 48px;
	}
#header table{
	width:100%;
	margin:0;}	
#honbun {
	  grid-row: 2/3;
    grid-column: 1/2;
	padding: 5px 0 0 0;
	border:none;
	
	}	
  
#menus {
	display:none;
	}
	#aowaku0 h1{
		font-size:0.9em;}

#aowaku0 h2{
	font-size:0.9em;}	
#footer{
	font-size:0.9em;}	
#aowaku0 {
    margin: 5px 0px 20px -4px !important;	
	    width: 100vw;}

.col3 {
	max-width:335px;
	margin:0 auto;}
	
.col3 dd {
  margin:0 5px;
}	
.img_c{
	max-width:100% !important;
	height:auto;}
.img_545{
	max-width:100% !important;
	height:auto;}	
	
.nanawari{width:90%;
height:auto;}	
}
@media screen and (min-width: 711px) {
#header {
border-radius:10px 10px 0 0;
	    height: 228px;
		
	
}

body {
	padding-top:15px;
	background-image:url(../img/bt.gif)}

.kasanezu2 {
    top: -213px;
    left: 23px;
}
}

.center1{
	max-inline-size: max-content;
margin-inline: auto;}
.rankh3 {
    display: block;
    font-weight: bold;
    font-size: 2em !important;
    height: 38px;
    top: 9px;
    position: relative;
}
.topwaku2 {
    padding: 30px 25px 6px 15px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    width: 100% !important;
    margin: 24px 0px 9px -22px !important;
}

.grid_list {
    display: grid;
    grid-template-rows: 90px 235px 50px auto auto auto;
    grid-template-columns: 35% 30% 35%;
    margin: 2em 0 1.5em 0;
}
.grid_list_t {
    grid-row: 1/2;
    grid-column: 1/4;
    padding: 3px 0 3px 0;
    font-size: 1.2em;
    font-weight: bold;


}


.grid_list_t h3{
	margin:0 !important;
    position: relative;
background:-webkit-repeating-linear-gradient(45deg,#1aa7b2,#1aa7b2 5px,#1aa7b2 5px,#1aa7b2 10px);background:repeating-linear-gradient(45deg,#12737a,#1e8d96 5px,#12737a 5px,#1e8d96 10px);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);color:#fff;background-color:#1e8d96;padding:1.3em 1em 0.5em 1em;margin-right:0;margin-bottom:0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#999;font-size:1.2em}

.grid_list_t span{
	position: relative;
    top: 34px;
    z-index: 3;
    color: #fff;
    font-size: 0.7em;
    left: 105px;
}


.grid_list_t h3 span{
	font-size:0.7em;
	margin-left: 2px;}	

.grid_list1 {
    grid-row: 2/3;
    grid-column: 1/4;
    text-align: center;
    padding-left: 7px;
	    overflow: hidden;
		margin:10px 0 5px 0;
}

.grid_list_t2 {
    grid-row: 3/4;
    grid-column: 1/4;
	    padding-left: 10px;}
.grid_list1 img {
    display: block;
    width: 95%;
	max-width: 500px;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
    box-shadow: 0 1px 2px #585858;
	margin: 0 10px;
    /* max-inline-size: max-content; */
    /* margin-inline: auto; */
}

/*.grid_list2 {
    grid-row: 2/3;
    grid-column: 3/4;
    text-align: center;
    align-self: end;
    padding: 5px 10px 0 0;
	
}*/


.grid_list2_1 {
    grid-row: 4/5;
    grid-column: 1/2;
padding-left: 28% !important;
		font-size:0.8em;
		    border-right: 1px solid #e3e3e3;}

.grid_list2_1 span ,.grid_list2_2 span,.grid_list2_3 span{
	display:block;
	font-size:0.7em;
	    margin: -8px 0 5px 0;}	
.grid_list2_1 b ,.grid_list2_2 b,.grid_list2_3 b{
	font-size:1.2em;
}			
.grid_list2_2 {
    grid-row: 4/5;
    grid-column: 2/3;
		font-size:0.8em;
	    margin: 0 0 0 21px;
		    border-right: 1px solid #e3e3e3;}
.grid_list2_3 {
    grid-row: 4/5;
    grid-column: 3/4;
	padding-left: 25px;
		font-size:0.8em;}
		

.grid_list4_2 {
    grid-row: 6/7;
    grid-column: 1/4;
    text-align: center;
    padding: 0 0 0 0;
}
.grid_list4_2 ul{
margin-bottom: 0 0 0 10px;}

.grid_list2_1 ul,.grid_list2_2 ul,.grid_list2_3 ul{
	padding: 0 0 0 8px;}
	
.grid_list2_1 ul li,.grid_list2_2 ul li,.grid_list2_3 ul li{
	list-style:none;
	line-height:1.5em;
}

.grid_list2_1 ul li:before,.grid_list2_2 ul li:before,.grid_list2_3 ul li:before {
    content: "1年生";
    font-size: 0.75em;
    border: 1px solid #ccc;
    padding: 3px 2px;
    border-radius: 3px;
	line-height: 1.3em;
	    margin-right: 4px;
}
.grid_list2_1 ul li:nth-child( 1 ):before{
	    content: "1年生";
}
.grid_list2_1 ul li:nth-child( 2 ):before,.grid_list2_2 ul li:nth-child( 2 ):before,.grid_list2_3 ul li:nth-child( 2 ):before{
	    content: "2年生";
}
.grid_list2_1 ul li:nth-child( 3 ):before,.grid_list2_2 ul li:nth-child( 3 ):before,.grid_list2_3 ul li:nth-child( 3 ):before{
	    content: "3年生";
}
.grid_list2_1 ul li:nth-child( 4 ):before,.grid_list2_2 ul li:nth-child( 4 ):before,.grid_list2_3 ul li:nth-child( 4 ):before{
	    content: "4年生";
}
.grid_list2_1 ul li:nth-child( 5 ):before,.grid_list2_2 ul li:nth-child( 5 ):before,.grid_list2_3 ul li:nth-child( 5 ):before{
	    content: "5年生";
}

.grid_list2_1 ul li:nth-child( 6 ):before,.grid_list2_2 ul li:nth-child( 6 ):before,.grid_list2_3 ul li:nth-child( 6 ):before{
	    content: "6年生";
}


.grid_list3 {
    grid-row: 5/6;
    grid-column: 1/4;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.3em;
    padding: 5px 10px 20px 40px;
  
}
/*.grid_list3::before {
    content: url(sozai10/comment_s.png);
    display: inline-block;
    margin-right: -37px;
    top: 5px;
    position: relative;
    left: -35px;
}

.grid_list3:first-letter{font-size:1.8em;color:#333;font-weight:700;vertical-align: bottom;
}*/

 
.link_block{counter-reset: cnt;
}
 
.link_block h3::before {
    counter-increment: cnt;
    content: 'No.'counter(cnt)' ';
    display: inline-block;
    color: #fff;
    font-family: 'Avenir','Arial Black','Arial',sans-serif;
    font-size: 1.4em;
    position: relative;
    margin-right: 20px;
    transform: scale(1.3, 1.5);
    top: -5px;
	letter-spacing:-2px;
}

.grid_list_t2 h4{
	 position: relative;}

.money{
		 position: relative;
}
.money::before{
		background-image: url(https://schoolchild.info/sozai10/money.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 32px;/*画像の幅*/
  height: 32px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
    margin-top: -6px;}
/*
.grid_list_t2 h4::before{
 content: url(sozai10/money.png);
 display: inline-block;
     position: relative;
    top: 8px;
	margin-right:5px}
	

.grid_list_l {
    grid-row: 3/4;
    grid-column: 1/4;
    padding: 3px 0 3px 8px;
	text-align: center;
}

.grid_list_l ul li{
    display: inline;
	margin: 0 20px;
}*/

.box_link {
    padding: 00px 20px 0 20px;
    position: relative;
    border: double 3px #000;
	text-align: initial;
	max-width:100%;
	min-width: 250px;
    max-inline-size: max-content;
    margin-inline: auto;

}
.box_link .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10%;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #000;
    font-weight: bold;
}



.box_link a{
	text-decoration:none;
	color:#333;
	padding: 35px 20px 25px 0;
	display:block;
	font-size:1.2em;
	font-weight:700;}
.box_link a::before {
    content: url(sozai10/jujge_s.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: -10px;
    top: -7px;
    position: relative;
}
/*.box_setu ul li{
    position: relative;
    padding-left: 10px;
	list-style-type:none;
	line-height:2.1em;}
 
.box_setu ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
}*/	  

	 
.tagcloud{
    margin: 15px 0 0 -37px;
}
.come {
    margin: -20px 0 0 -45px;
}
.tagcloud a {
    display: inline-block;
    margin: 0 10px 5px 0;
    padding: 7px;
    line-height: 1.1em;
    text-decoration: none;
    color: #0000ee;
    background-color: #fff;
    border: 1px solid #0000ee;
    border-radius: 13px;
    /* margin-right: 5px; */
}
.tagcloud a:before {
	content: "#";
	font-size:0.9em;
	margin-right:3px;
}

.tagcloud h4{
 position: relative;
}
.come h4:{
	 position: relative;
	 }
.grid_list3 h4{
	margin-bottom:-10px;
	 position: relative;}
.taglight{
	 position: relative;
}
	 
.taglight::before {
		background-image: url(https://schoolchild.info/sozai10/light_s.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 60px;/*画像の幅*/
  height: 60px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: -6px;
    margin-top: -6px;}
.comeicon {
		 position: relative;
}
.comeicon::before {
		background-image: url(https://schoolchild.info/sozai10/comment_s.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
    margin-top: -6px;}
.come_box{
	 padding: 0 15px 0 60px;}
.tag_box{
	padding: 10px 5px 0 45px;
	 display: flex;
	 flex-wrap:wrap; }
	 
.tag_box div {
    text-align: center;
    font-size: 0.85em;
    margin-bottom: 1em;
	line-height:6px;
}	
.kome_cara{
display: inline;
    position: absolute;
    bottom: 0;
    right: 0;}
.tagtop{
	padding-left:15px;
	font-size:1.2em;
}
@media screen and (max-width: 710px) {
	h2 span{
	display:block;
	    line-height: 35px;}
.grid_list {
    display: grid;
    grid-template-rows: 90px auto 60px auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 2em auto;
    max-inline-size: max-content;
    margin-inline: auto;
    max-width: 98%;
    row-gap: 0;
}


.grid_list1 {
    grid-row: 2/3;
    grid-column: 1/4;
    text-align: center;
	margin-bottom:5px;
}

.grid_list2 {
    grid-row: 3/4;
    grid-column: 1/2;
    text-align: left;
    padding-left: 0px;
    margin-top: 0px;
    padding: 13px 0 0 11px;
	align-self: start;
}


.grid_list2 ul{
	    margin-left: 4px;}
.grid_list2_1 {
    grid-row: 4/5;
    grid-column: 1/2;
	padding-left: 10px !important;
		font-size:0.75em;
		    border-right:none;}
.grid_list2_2 {
    grid-row: 4/5;
    grid-column: 2/3;
		font-size:0.75em;
		    margin: 0 0 0 0;
			 border-right:none;}
.grid_list2_3 {
    grid-row: 4/5;
    grid-column: 3/4;
	padding-right: 0px !important;
		font-size:0.75em;
		padding-left: 0;}
		
/*.grid_list2_2 ul{
margin-left: -43px;
}*/

.grid_list3 {
    grid-row: 5/6;
    grid-column: 1/4;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.6em;
    padding: 5px 3px 20px 3px;
    text-indent: 0px;
}
.grid_list3 h4{
	margin-bottom:2px;
	}
.grid_list4_2 {
    grid-row: 6/7;
    grid-column: 1/4;
	padding: 0 0 0 0;
}



.tagcloud,.come {
    margin: -20px 0 0 0;
}
.tagcloud h4::before {

    position: relative;
top: 3px;
    margin-right: 5px;
}
.come h4::before {

    position: relative;
  top: 3px;
    margin-right: -17px;
    left: -8px;
}

.come_box{
	 padding: 0 15px 25px 30px;
	 margin-top: -10px;}	
.tag_box{
	padding: 10px 2px 0 30px;}	 
.tagtop{
	margin-top:13px;
		font-size:1.0em;
	padding-left:0;}	
	}
.sticky_box{
	    position: sticky !important;
    top: 0px;
    align-self: start;
	padding-top:1em}
.eyeimg{
	max-width:100%;
	height:auto;
	margin-top:-15px;}	
.come_box h4{
	margin:5px 0 0 0;
	color:#F00;}
.come_box h4::before{
	content:"・";}	
.come_box p{
	margin-left:1em;}	
	
.mida_hikaku {
		 position: relative;
}
.mida_hikaku::before {
		background-image: url(https://schoolchild.info/sozai10/comment_s.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
    margin-top: -6px;}
.mida_oukan {
		 position: relative;
}
.mida_oukan::before {
		background-image: url(https://schoolchild.info/sozai10/oukan.png);
	  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 28px;/*画像の幅*/
  height: 28px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  margin-right: 6px;
    margin-top: -6px;}	
.hoshi{
	position: relative;
    top: 2px;}
.gakuh2{
	text-align:left;}
.gakuh2 h2{
	    border-style: none !important;
    margin: 8px 0 5px 0px;
    color: #999;
    font-weight: 300;}		
.fuki_back {
    background-image: url(../sozai11/fuki.png);
    background-repeat: no-repeat;
    width: 182px;
    position: relative;
    top: 3px;
    left: -8px;
    height: 41px;
}
.fuki_back a {
    position: relative;
    top: 8px;
    left: 19px;
}
.licap{
    border: 1px solid #333;
	width:50px;
	height:50px;
	margin: -7px;
	}
.img_d {
    display: block;
    max-width: inherit;
}	

.newscontainer{
  display: grid;
  grid-template-areas:
"newsimg"
"newsyear"
"newskiji"
;
  grid-template-rows: 32px 1fr;
  grid-template-columns: 34px 1fr;
  border-bottom: 1px solid #ccc;
  margin-bottom:10px;
      grid-gap: 0 5px;
  }
  
  .newscontainer div.newsimg {
  grid-area: newsimg;
    grid-column: 1 / 2;
    grid-row: 1 / 3;

  }

  .newscontainer div.newsyear {
    grid-area: newsimg;
    grid-column: 2 / 3;
    padding-top: 3px;
    grid-row: 1 / 2;
    align-self: center;
    font-weight: bold;
  }

  .newscontainer div.newskiji {
rid-area: newsimg;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-top: -5px;
    line-height: 1.3em;
    color: #999;
    padding: 0 4px;
  }

/* ブログカード小全体像 */
.blogcard {
    border-radius: 5px;
    border: 1px solid rgb(211, 211, 211);
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .1);
    background: white;
    transition: .4s ease-in-out;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
}
.b-cite {
    max-width: 100%;
    padding: 12px;
}
.b-link {
    position: relative;
    width: 100%;
	margin:0;
}
/* float親要素 */
.blogcard-content {
    margin-bottom: 0;
    overflow: hidden;
}
/* OGP画像 */
.blogcard-image,
.blogcard-image-wrapper,
.blogcard-image-wrapper img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 2px;/*1.5vh*/
	border-right: 1px solid #55555521;
}
.blogcard-image,
.blogcard-image-wrapper {
    display: inline-block;
}
.bi-cite {
    float: right;
    margin: 0 0 5px 5px;
}
.bi-link {
    float: left;
}
.blogcard-image-wrapper img {
    object-fit: cover;
    object-position: center center;
    transition: .4s ease-in-out;
	
}
.biw-cite img,
.biw-cite,
.bi-cite {
    width: 80px;
    height: 80px;
}
/* 記事タイトル */
.blogcard-title {
    /*margin: 0 !important;*/
    font-weight: bold;
    line-height: 1.3;
    color: rgb(51, 51, 51);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    letter-spacing: 0.1px;
    font-size: 15px;
}
.blogcard-title::before{
	content: url(https://web-lifes.net/blog/wp-content/uploads/sozai/tyumoku.png);}

.bt-cite {
    padding-right: 6px;
    -webkit-line-clamp: 2;
    max-height: calc(15px * 1.3 * 3);
}
.bt-link {
    /*padding-top: 7px;*/
    margin-top: 9px !important;
    margin-bottom: 0;
    padding-right: 14px;
    padding-left: 12px;
    -webkit-line-clamp: 3;
    max-height: calc(15px * 1.3 * 4);
				margin-top:12px;
}
/* 引用 */
.blogcard blockquote {
    position: static;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    background: transparent;
}
.blogcard blockquote::before,
.blogcard blockquote::after {
    content: none;
}
/* 記事概要 */
.blogcard-description {
    margin: 4px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: rgb(0, 0, 0);
    letter-spacing: 0px;
    font-size: 12px;/*あえて11pxを12pxに変更*/
    font-weight: normal;
}
.bd-cite {
    line-height: 1.5;
    padding-right: 3px;
    max-height: calc(12px * 1.5 * 3);
}
.bd-link {
    display: none;
}
.bd-link a{
	text-decoration:none !important;
}
/* フッター */
.blogcard-footer {
    font-size: 11px;
    color: rgb(51, 51, 51);
    font-weight: normal !important;
}
.bf-cite {
    margin-top: 2px;
    margin-bottom: -2px;
}
.bf-link {
    position: absolute;
    margin-top: -24px;
    right: 16px;
}
.blogcard-footer img {
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 2px;
    padding: 0;
}
/* PCでのデザイン */
@media screen and (min-width:768px) {
    .b-cite {
        width: 350px;
    }
    .bd-link {
        overflow: hidden;
        display: -webkit-box;
        letter-spacing: 0.1px;
        line-height: 1.4;
        font-size: 13px;
        padding-right: 16px;
        padding-left: 16px;
        max-height: calc(13px * 1.4 * 3);
    }
    .blogcard-title {
        font-size: 17px;
        line-height: 1.3;
    }
    .blogcard-title a {
        padding-right: 4px;
        letter-spacing: 0.01em;
    }
    .bt-cite,
    .bt-link {
        -webkit-line-clamp: 2;
        max-height: calc(17px * 1.3 * 3);
			margin-top:12px;
    }
    .biw-cite img,
    .biw-cite,
    .bi-cite {
        width: 100px;
        height: 100px;
    }
    .biw-link img,
    .biw-link,
    .bi-link {
        width: calc(100px * 1.91);/*　OGP画像がアクセスト比 1：1.91の場合　*/
        height: 140px;
    }
figure.blogcard.b-link a {
    text-decoration: none;
}
figure.blogcard {
    transition: .4s ease-in-out;
	    max-width: 672px;
    margin: 1em auto;
}
/* カードマウスホバー変移 */
figure.blogcard:hover {
    box-shadow: none;
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
}
figure.blogcard:hover .blogcard-image-wrapper img {
    transform: scale(1.06);
    filter: brightness(80%);
}
/*　はてなブログカードのcite urlを非表示にする　*/
.hatena-citation {
    display: none;
}
/*　ブログカードここまで　*/


.sp {
  display: none;
}

@media screen and (max-width: 1080px) {
  .pc {
    display: none;
  }

  .sp {
    display: inline-block;
  }
}
#hai{
	padding:1em;}
#hai h2{
	color:#F00 !important;
	margin: 0 0 5px -15px;}	
#hai h3{
color: #dd0808 !important;
margin: 20px 0 0px -2px;
}		
#hai ul{
	margin:0 0 0 -10px;
}
#hai ul li{
	line-height:22px;
}

 }
 
.thums{
	display:block;
}
.thums img{
	object-fit: cover;
	height:175px;}

  .box_simple a{

	      position: absolute;
 font-weight:bold;
    height:100%;
    width: 100%;
	text-decoration:none;} 

	
  .box_simple a::before {
    content: '';
    border: solid 1px #333;
    border-width: 1px 1px 0 0;
    width: 10px;
    height: 10px;
    transform: translate(0, -50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 29px;
}
.box_simple{
display: flex;
    justify-items: center;
    align-items: center;
    border: solid 1px #0a45495e;
    position: relative;
    height: 43px;
    vertical-align: sub;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    margin: 2em auto 0 auto;}
	
.marubatu{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    width: 340px;
     margin: 3px 0 0 15px;
    justify-items: center;
    align-items: center;
    column-gap: 20px;
    row-gap: 5px;
	    text-align: center;
	}
.kowaku{
	font-size: 10px;
    line-height: 10px;
    place-items:center center;}
.kowaku span{
font-size: 12px;

    line-height: 18px;
    letter-spacing: -1px;
	}	
.kowaku img{
	display:block;
 margin-top: 5px;
 margin-right: 15px !important;
 width:30px;
}