@charset "utf-8";
/* ==================================================================
CSS information
style info :Gaba kidsの特長　＞　テキストのご案内
================================================================== */

#gNavi li.btn1 a { background-position:0 bottom;}

/* --------------------------------------------------------
#main
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
#main h2 { background:url(../_img/textbook/maintitle.jpg?20191228) no-repeat 0 0; }
#main .catchcopy { background:url(../_img/textbook/catchcopy.png) no-repeat 0 0; }
#sideMenu dd.btn4 a { background-color:#ecf59d; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
#main .catchcopy { }
}


/* .box1
-------------------------------------------------------- */
@media screen and (min-width: 768px) { /* 768px以上の記述 */
.pic-sp { display:none; }
/*.box1 { min-height:230px; margin-bottom:20px; }*/
.box1 .textBox {margin-bottom:30px; }

.box_point { margin-bottom:30px; padding:20px 20px 10px; }

.box2 { background:url(../_img/textbook/pic02.jpg?20191228) no-repeat right top; min-height:230px; }
.box2 .textBox { width:355px; }

.box3 { background:url(../_img/textbook/pic03.png) no-repeat right 40px; min-height:140px; }
.box3 .textBox { width:400px; margin-bottom:30px;  }

.box4 { background:url(../_img/textbook/pic04.jpg) no-repeat right top; min-height:230px; margin-bottom: 20px; }
.box4 .textBox { width:355px; }

.btn_next { text-align:right; margin-bottom:40px; }
.btn_next a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
}

@media screen and (max-width: 767px) { /* スマートフォン用の記述 */
.pic-sp { text-align:center; }

.box_point { padding:10px 10px 5px; margin:0 10px 30px; }

.read , .textBox { margin:0 10px; }

.box1 { margin-bottom:30px; }
.box1 .textBox { margin-bottom:10px; }

.box2 { margin-bottom:30px; }

.box3 { margin-bottom:30px; }
.box3 .textBox { margin-bottom:10px; }

.btn_next { display:none; }
}

.read { color:#f18d00; font-size:116%; font-weight:bold; margin-bottom:0.7em; }
.textBox { line-height:1.61; }

.box_point { background:#ecf2ce; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(../../_common/PIE.htc);
}
.box_point p { margin:5px 0 20px; font-size:116%; font-weight:bold; }
.box_point span { color:#99b41a; }
.box_point ul { padding-left:1em; }
.box_point li { text-indent:-1.3em; margin-bottom:1em; font-size:93%; }