* { font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Grande",Geneva,Arial,Verdana,sans-serif; margin:0px;padding:0px;}
.min {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
body {
	background:url('../images/main/base.jpg?d=200101');
	background-size:cover;
	background-attachment: fixed;
}
.smp_i {display:none;}
#siteid {position:absolute;top:15px;left:15px;width:120px;}
#siteid img {width:100%;}
#top_title {
	width:100%;
	position:relative;
	padding-top:65px;
}
#top_imgbox {
	position:absolute;
	left:0px;top:0px;
	width:100%;
	background:url('../images/main_l.jpg?d=202604');
	background-size:cover;
	background-position: center center;
	height:650px;
	z-index:-10;
}
#top_topmenu_out {width:100%;}
#titlebox_top {
	width:460px;
	height:240px;
	background-color:rgba(0,0,0,0.3);
	border-radius: 15px 15px 15px 15px;
	padding:10px;
	position: relative;
	color: #fff;
}
#titlebox_top_free {
	position:absolute;top:0px;left:0px;width:98px;
}
#titlebox_top_img {
	width:352px;margin-top:15px;
}
#toplink {
	width:760px;
	margin-top:30px;
	text-align:left;
	/*display: -webkit-flex;
	display: flex;*/
}
#toplink img {
	max-width:320px;
	max-height:90px;
	margin-left:25px;
	margin-right:25px;
	margin-top:15px;
}
.title_sub {
	display: inline-block;
}
/**/
#menubtn {
	position:absolute;
	top:0px;
	right:-48px;
	width:48px;
	overflow:hidden;
	z-index:200;
}
#menubtn img{
	width:96px;
}
#gnav {
	position:absolute;
	top:150px;
	left:-192px;
	right:auto;
	background-color:rgba(221,221,221,0.8);/*#F7EEDD;*/
	text-align:left;
	border-top: none;
	border-right: solid 1px #666;
	border-bottom: none;
	border-left: none;
	/*width:0px;*/
	z-index:200;
}
#gnav ul {
    margin: 0 0 0 0;
	padding: 5px;
}
#gnav ul li {
    margin: 0 0 0 0;
	list-style-type: none;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	border-top: dotted 1px #666;
}
#gnav .mainmenu {
	/*display:none;*/
	/*visibility:hidden;*/
	padding-top:10px;
	padding-bottom:10px;
}
#gnav .mainmenu:before {
	display:inline-block;
	width:30px;
	height:30px;
}
#gnav ul li:first-child {
	border-top: none;
}

#gnav .submenu {
	display:none;
	padding-top:0px;
	padding-bottom:10px;
	font-size:16px;
	line-height:14px;
	border-top: none;
	padding-left:1em;
	text-indent:-1em;
}
#gnav .np {
	margin-left:1em;
}
#gnav .submenu:before {
	/* liの後に記号追加 */
	content:"->";
}
#gnav .submenu a {
	/*text-indent:-10px;*/
}

#gnav a {
	color:#000;
	text-decoration:none;
	text-shadow: 1px 1px 1px #bbb;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#gnav a:hover {
	color:#0000ff;
}
#gnav a:visited {
	color:#333;
}
/**/
#google_link_out {
	width:100%;
}
#google_link {
	margin-top:30px;
	width:100%;
	height:100px;
	/*background-color:#fff;*/
}
/*iPhone↓*/
@media screen and (max-width: 750px) {
.smp_i {display:inline;}
#siteid {position:absolute;top:15px;left:50px;width:90px;}
#top_title {
	padding-top:165px;
}
#titlebox_top {width:300px;height:300px;}
#titlebox_top_free {width:60px;}
#titlebox_top_img {width:300px;}
#gnav {top:10px;}
#toplink {width:300px;}
#toplink img {
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-top:15px;
}
#google_link {height:300px;}
}
/*iPhone↑*/

/*年齢などのセレクト*/
.cp_ipselect {
	overflow: hidden;
	width: 110px;
	margin: 10px auto;
	text-align: center;
	display:inline-block;
}
.w90 {width:90px;}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	font-size:16px;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: #251E1C;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl03 {
	position: relative;
	border-radius: 2px;
	border: 2px solid #EFCE24;
	background: #251E1C;
}
.cp_ipselect.cp_sl03::before {
	position: absolute;
	top: 1em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #EFCE24;
	pointer-events: none;
}
.cp_ipselect.cp_sl03 select {
	padding: 6px 8px 6px 0px;
	color: #fff;
}
.cp_ip_btn {
	cursor:pointer;
	width:100px;
	font-size:16px;
	border-radius: 2px;
	border: 2px solid #EFCE24;
	background: #251E1C;
	padding: 6px 6px 6px 6px;
	color: #fff;
}
/*iPhone↓*/
@media screen and (max-width: 750px) {
.cp_ipselect {
	width: 100px;
}
}
/*iPhone↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 370px) {
#titlebox_top {width:260px;height:300px;}
#titlebox_top_free {width:60px;}
#titlebox_top_img {width:260px;}
.cp_ipselect {
	width: 90px;
}
}
/*iPhoneSE↑*/

/*ロジック*/
#logic_title_out {
	margin-top:30px;
	background:url('../images/logic/logic_bk01.png');
	width:100%;
	height:258px;
}
#logic_title {
	width:820px;
	height:258px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#logic_title01 {
	width:405px;
	height:258px;
}
#logic_title01 img {
	width:405px;
	height:258px;
}
#logic_title02 {
	width:405px;
	height:258px;
}
#logic_title02 img {
	width:405px;
	margin-top:20px;
}
#logic_title02 p {
	margin-top:10px;
	width:100%;
}
#logic_menu {
	margin-top:0px;
	width:100%;
}
#logic_menu .s_menu {
	position:relative;
	display:inline-block;
	width:113px;
	margin:3px;
}
#logic_body_out {
	padding-top:30px;
	background: radial-gradient(#F1E9D0, #ECE2C0) fixed;
	width:100%;
}


.logic_pair {margin:0px;}
.logic_box {width:440px;display:inline-block;position:relative;margin-bottom:30px;vertical-align: top;}
.cv {width:200px;height:200px;background-color:#fff;border: solid 0px #666;}
.cr {position:absolute;width:230px;height:200px;right:0px;top:0px;text-align:center;}
.score {
	margin-top:10px;
	font-size:14px;line-height:16px;
	columns: 2;
	column-gap: 0px;
	white-space: nowrap;
}
.score .sc {
	display:inline-block;
	width:200px;
	overflow:hidden;
}
.cr h3 {font-size:16px;margin-top:10px;}
.cr .seikai {font-weight:bold;font-size:20px;margin-top:0px;}
.cr .seikai .seikai_str {font-weight:bold;font-size:26px;color:#f00;}
.logic_btn {position:absolute;top:130px;text-align:"center";width:230px;height:130px;}
.logic_btn img {width:90%;}
.sub_btn {width:225px;display:inline-block;margin:20px;}

/*PC小さめ↓*/
@media screen and (max-width: 820px) {
#logic_title_out {height:234px;}
#logic_title {width:100%;}
#logic_title01 {width:370px;height:234px;}
#logic_title01 img {width:370px;height:auto;}
#logic_title02 {width:370px;height:234px;}
#logic_title02 img {width:370px;height:auto;margin-top:10px;}
#logic_menu .s_menu {margin:1px;}
}
/*PC小さめ↑*/
/*iPhone↓*/
@media screen and (max-width: 750px) {
#logic_title_out {height:500px;}
#logic_title {display:block;width:100%;max-width:400px;}
#logic_title01 {width:100%;height:auto;}
#logic_title01 img {width:100%;height:auto;}
#logic_title02 {width:100%;}
#logic_title02 img {width:100%;height:auto;}

.logic_box {width:100%;max-width:400px;}
.cv {margin-left:auto;margin-right:auto;}
.cr {width:100%;height:auto;position:relative;}
.logic_btn {position:relative;top:10px;height:auto;margin-left:auto;margin-right:auto;}
.score {columns: 1;font-size:13px;line-height:15px;margin-left:5%;margin-right:5%;margin-top:20px;}
.score .sc {width:100%;}
.sub_block {padding-bottom:10px;}
.sub_btn {display:block;margin-top:5px;}
}
/*iPhone↑*/
/*iPhone8↓*/
@media screen and (max-width: 390px) {
#logic_title_out {height:450px;}
#logic_title02 p {font-size:14px;}
}
/*iPhone8↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 350px) {
#logic_title_out {height:400px;}
#logic_title02 p {font-size:13px;}
}
/*iPhoneSE↑*/

/*漢字*/
#kanji_out {
	background: url('../images/kanji/kanji_bk.png'),linear-gradient(90deg, #864141, #573131);
	width:100%;
}
#kanji_title {
	width:820px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#kanji_title01 {
	width:405px;
}
#kanji_title01 img {
	margin-top:30px;
	width:100%;
}
#kanji_title02 h2 {
	margin-top:30px;
	color:#fff;
}
.kanji_btn {width:175px;}
.kanji_btn img {width:100%;}
.kanji_pair {margin:0px;}
.kanji_box {width:440px;display:inline-block;position:relative;margin-bottom:30px;}
.jl {width:200px;height:200px;border: solid 0px #666;}
.jr {position:absolute;width:230px;height:200px;right:0px;top:0px;text-align:center;}
#kanji_out .score {
	color:#fff;
	columns: 1;
}
.j_rst {color:#fff;}
.jpt {font-size:20px;}
/*PC小さめ↓*/
@media screen and (max-width: 820px) {
#kanji_title {width:100%;}
#kanji_title01 {width:370px;}
#kanji_title02 {width:370px;margin-bottom:20px;}
#kanji_title02 .s_menu {margin:1px;}
}
/*PC小さめ↑*/
/*iPhone↓*/
@media screen and (max-width: 750px) {
#kanji_title {display:block;width:100%;max-width:400px;}
#kanji_title01 {width:100%;height:auto;}
#kanji_title02 {width:100%;}
#kanji_title02 h2 {margin-top:0px;}
.kanji_box {width:100%;margin-bottom:10px;max-width:400px;}
.jl {width:100%;height:auto;border: solid 0px #666;}
.jr {position:relative;width:100%;}

}
/*iPhone↑*/
/*iPhone8↓*/
@media screen and (max-width: 390px) {
}
/*iPhone8↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 350px) {
}
/*iPhoneSE↑*/

/*スライド*/
#slide_out {
	background: url('../images/slide/slide_bk.png'),linear-gradient(#f5f7e1, #dfd7a2);
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
#slide_title {
	margin-bottom:20px;
	width:820px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#slide_title01 {
	width:405px;
	height:145px;
}
#slide_title01 img {
	margin-left:auto;
	margin-right:auto;
	width:357px;
	height:143px;
}
#slide_title02 {
	width:405px;
}
#slide_title02 img {
	height:143px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
#slide_title02 p {
	margin-top:10px;
	width:100%;
}
#slide_trio {
	width:820px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.slide_box {
	width:33%;
}
.slide_box img {
width:203px;
}
.slide_box p {
color:#000;
}
.slide_box .ss {width:200px;}
.s_score {
	margin-top:10px;
	font-size:14px;line-height:16px;
	white-space: nowrap;
}
.s_score .sc {
	display:inline-block;
	width:200px;
	overflow:hidden;
}
/*PC小さめ↓*/
@media screen and (max-width: 820px) {
#slide_title {width:100%;}
#slide_title01 {width:370px;height:140px;}
#slide_title02 {width:370px;height:140px;}
#slide_title02 img {height:140px;}
#slide_title02 p {font-size:14px;}
#logic_menu .s_menu {margin:1px;}
}
/*PC小さめ↑*/
/*iPhone↓*/
@media screen and (max-width: 750px) {
#slide_title {display:block;width:100%;max-width:400px;}
#slide_title01 {width:100%;height:auto;}
#slide_title01 img {width:100%;height:auto;}
#slide_title02 {width:100%;}
#slide_title02 img {width:40%;margin-left:0px;}
#silde_title02 p {width:50%;}
#slide_trio {
	width:100%;max-width:400px;
    display: block;
}
.slide_box {
	width:100%;
	margin-top:20px;
}
.slide_box .ss {width:100%;max-width:400px;}
.s_score {font-size:13px;line-height:15px;margin-left:5%;margin-right:5%;margin-top:20px;}
.s_score .sc {
	width:100%;
}
}
/*iPhone↑*/
/*iPhone8↓*/
@media screen and (max-width: 390px) {
}
/*iPhone8↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 350px) {
}
/*iPhoneSE↑*/


/*ほか*/
#else_out {

}
#else_out h2 {
margin-top:20px;
color:#fff;
}

.else_box {
	margin-bottom:20px;
	width:820px;
	height:220px;
}
.else_box a {
	color:#ff0;
}
.else_title {
	float:left;
	width:40%;
	height:100%;
	background-color:#000;
}
.else_title_img {width:300px;margin-top:30px;}
.else_btn {width:125px;}
.else_title p {font-size:14px;line-height:16px;width:300px;margin-top:10px;color:#fff;}
.else_score {
	float:right;
	width:60%;
	height:100%;
	background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0.2));
}
.else_score p {
	margin-right:10px;
	margin-left:10px;
}
.else_score .j_rst {margin-top:10px;}
.else_score .e_score {
	margin-top:5px;
	font-size:14px;line-height:16px;
	columns: 2;
	column-gap: 0px;
	white-space: nowrap;
	color:#fff;
	min-height:120px;
}
.e_score .sc {
	display:inline-block;
	width:200px;
	overflow:hidden;
}
.else_score .kakko {
font-size:13px;color:#fff;
}
#jukugo_box {
	background-image: url(../images/else/else_jyuku.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
#shiiritori_box {
	background-image: url(../images/else/else_snanclo.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
#huda_box {
	background-image: url(../images/else/else_huda.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
#solitaire_box {
	background-image: url(../images/else/else_solitaire.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
#water_sort_box {
	background-image: url(../images/else/else_water_sort.jpg);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
#huda_box .else_title {
	background-color:#5ba8a4;
}
#huda_box .else_score {
	background: linear-gradient(90deg, rgba(91,168,164,1), rgba(91,168,164,0.5));
}

#maze_box {
	height:300px;
	background-image: url(../images/else/else_maze.png);
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: 70% auto;
}
#maze_box .else_title {
	background-color:#5ba8a4;
}
#maze_box .else_score {
	background: linear-gradient(90deg, rgba(91,168,164,1), rgba(91,168,164,0.5));
}
#maze_box .else_score h3 {
	color:#fff;font-size:18px;
}
#maze_box .else_score p {
	font-size:14px;line-height:16px;
	color:#fff;
}
/*PC小さめ↓*/
@media screen and (max-width: 820px) {
.else_box {
	width:750px;
}
}
/*PC小さめ↑*/
/*iPhone↓*/
@media screen and (max-width: 750px) {
.else_box {
	width:100%;
	max-width:400px;
	height:auto;
}
.else_title {
	float:none;
	width:100%;
	height:auto;
}
.else_title_img {margin-top:10px;}
.else_score {
	float:none;
	width:100%;
	height:auto;
	background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,1));
	padding-top:10px;
	padding-bottom:10px;
}
.else_score .e_score {
	columns: 1;
	column-gap: 0px;
	white-space: nowrap;
}
.else_score .j_rst {margin-top:0px;}
#jukugo_box {
	background-position: right bottom;
	background-size: 100% auto;
}
#shiiritori_box {
	background-position: right bottom;
	background-size: 100% auto;
}
#huda_box {
	background-position: right bottom;
	background-size: 100% auto;
}
#maze_box {
	height:auto;
	background-position: right bottom;
	background-size: 100% auto;
}
#huda_box .else_score {
	background: linear-gradient(0deg, rgba(91,168,164,0.5), rgba(91,168,164,1));
}
#maze_box .else_score {
	background: linear-gradient(0deg, rgba(91,168,164,0.5), rgba(91,168,164,1));
}
}
/*iPhone↑*/
/*iPhone8↓*/
@media screen and (max-width: 390px) {
}
/*iPhone8↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 350px) {
}
/*iPhoneSE↑*/

#info_out {}
#info_box {
	margin-top:20px;
	margin-bottom:20px;
	width:820px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
#fl_left {width:48%;margin-right:2%;}
#fl_right {width:48%;margin-left:2%;}

#ninchi {
	background: linear-gradient(0deg, #004726, #21965f);
	width:100%;
	height:100px;
}
#ninchi img {width:180px;margin-top:10px;}
#ninchi p {font-size:16px;color:#fff;}
#nanpre {
	background-color:#8e351c;
	width:100%;
	height:100px;
}
#nanpre img {width:180px;margin-top:10px;}
.gold_flame {
	border-left:2px solid #efce24;
	border-right:2px solid #ede08f;
	border-bottom:2px solid #bd9a28;
	margin-bottom:10px;
}
.gold_flame:before {
content:"";
display:block;
height:2px;
width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#fffcd2), to(#bd9a28));
	background:-moz-linear-gradient(left, #fffcd2, #bd9a28);
	background:linear-gradient(left, #fffcd2, #bd9a28);
}

.column {
	background-color:#fff;
}
#info_out h2 {
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	font-size:26px;
	color:#000;
}
.column_text {
	border-top: solid 2px #643232;
	border-bottom: solid 2px #643232;
	margin:10px;
	height:300px;
	overflow-y:scroll;
}
.column_text p {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom: solid 1px #666;
}
#totop {
	position:fixed;
	bottom:20px;
	right:50px;
}
#totop img {
	width:55px;
}
#footer {
	height:20px;
	background-color:#000;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
/*PC小さめ↓*/
@media screen and (max-width: 820px) {
#info_box {width:750px;}
}
/*PC小さめ↑*/
/*iPhone↓*/
@media screen and (max-width: 750px) {
#info_box {
	width:100%;max-width:400px;
	display:block;
}
#fl_left {width:100%;margin-right:auto;}
#fl_right {width:100%;margin-left:auto;}
#footer {
	height:50px;
}
#totop {
	bottom:10px;
	right:10px;
}
}
/*iPhone↑*/
/*iPhone8↓*/
@media screen and (max-width: 390px) {
#ninchi {width:96%}
#ninchi p {font-size:13px;}
#nanpre {width:96%;}
.column {width:96%;}
.column_text p {
	margin-top:5px;
	margin-bottom:5px;
	font-size:13px;
}
}
/*iPhone8↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 350px) {
}
/*iPhoneSE↑*/



#snsshare {padding-top:5px;background-color:rgba(255,255,255,0.5);}


/*サブページ*/
.subh1 {font-size:24px;text-shadow: 2px 2px 5px #000;}
.subh3 {font-size:15px;line-height:24px;text-shadow: 2px 2px 5px #000;}
.subh3 a {color:#ff0;}
.contents_out {

}
.contents_box {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	width:820px;
	/*background: linear-gradient(#f5f7e1, #dfd7a2);*/
	background: linear-gradient(rgba(245,247,225,0.8), rgba(223,215,162,0.8));
}
/*PC小さめ↓*/
@media screen and (max-width: 820px) {
.contents_box {width:750px;}
}
/*PC小さめ↑*/
/*iPhone↓*/
@media screen and (max-width: 750px) {
.contents_box  {
	width:100%;max-width:400px;
}
}
/*iPhone↑*/
/*iPhone8↓*/
@media screen and (max-width: 390px) {
}
/*iPhone8↑*/
/*iPhoneSE↓*/
@media screen and (max-width: 350px) {
}
/*iPhoneSE↑*/
.waku2 {width:90%;padding:2%;border-radius: 15px;border: solid 1px #ccc;margin-bottom:10px;background-color:#fff;}
.waku2 h1 {font-size:24px;margin-top:10px;}
.waku2 h2 {font-size:20px;margin-top:10px;}
.waku2 p {line-height:200%;}
.linetable {border-collapse: collapse;}
.linetable td {height:24px;border: 1px solid #666;text-align:center;}
.linetable th {border: 1px solid #666;}

.waku {
	border: solid 1px #666;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}