@charset "UTF-8";
/* CSS Document */

/*slider*/
#id1 .flexslider{
    margin: 0 80px 0 0;
    width: 667px;
    float: right;
}
#id1 .flex-control-nav{
display:none;
}
#id1 .flex-direction-nav .flex-prev{
    background: url(http://online.actus-interior.com/assets/images/slide_prev.png) no-repeat 0 0;
}
#id1 .flex-direction-nav .flex-next{
    background: url(http://online.actus-interior.com/assets/images/slide_next.png) no-repeat 0 0;
}
.flex-direction-nav .flex-prev, .flexslider:hover .flex-prev {
    left: -80px;
}
.flex-direction-nav .flex-next, .flexslider:hover .flex-next {
    right: -80px;
}
.content a{
  color: #29aac0;
  text-decoration:underline;
font-size: inherit;
}

a:hover{
  text-decoration: none;
}

a:visited{
}
ul {
  list-style: none;
}
.b{
font-weight:bold;
}
.clear{
clear:both;
}
.center{text-align:center}



/*----------繧ｮ繝輔ヨ繧ｫ繧ｿ繝ｭ繧ｰ螟画峩縺ｮ縺顔衍繧峨○---------------*/
.topinfo_area {
    background-color: #f2f2f2;
    margin-top: 4px;
	padding: 25px;
}
.topinfo_main {
    background-color: white;
}
.topinfo_left {
	float: left;
    margin-right: 42px;
    padding:35px 120px 35px 135px;
    border-right-style: solid;
    border-right-color: #f2f2f2;
    border-right-width: 1px;
}
.topinfo_left p{
text-align:center;}
.newinfo_right {
    margin: 0px;
	padding:35px 0;
}



/*-------------gift_box------------*/
.gift_box {
  margin: 35px auto 80px;
}

.gift_box > div {
  float: left;
  width: 50%;
  text-align: center;
}
.gift_box >div > img {
  margin-bottom: 20px;
}
/*------------繧ｮ繝輔ヨ繧ｫ繧ｿ繝ｭ繧ｰ繧定ｴ医ｋ繧ｷ繝ｼ繝ｳ-----------*/
.sttl_copy{
  line-height: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.sttl_copy_{
  line-height: 20px;
  margin-top: 20px;
margin-bottom:30px;
}
.subhead{
  color:#28aac2;
    font-weight:bold;
  font-size: 13px;
  line-height:26px;
  margin:0 0 2px 0;
}

.gift_sheen{
  overflow: hidden;
  margin: 30px auto 50px;
  padding: 0;
}
.gift_sheen li{
  float:left;
  width: 23.35%;
  list-style:none;
  margin-left: 2.2%;
}
.gift_sheen li:first-child{
margin-left: 0;
}

/*---------ACTUS縺ｮ繧ｮ繝輔ヨ繧ｫ繧ｿ繝ｭ繧ｰ縺悟万縺ｰ繧後ｋ逅�罰----------*/
.reason{margin-bottom:70px;}
.reason ul > li{
  float: left;
  width: 45.83%;
}
.reason ul > li.cap_even{
  margin-left: 8.34%;
}
/*---------繧ｮ繝輔ヨ繧ｫ繧ｿ繝ｭ繧ｰ縺ｮ繝ｩ繝�ヴ繝ｳ繧ｰ繝ｻ辭ｨ譁励↓縺､縺�※----------*/
.wrap{
  overflow: hidden;
  margin: 0 auto 65px;
  width: 100%;
}
.wrap ul > li{
  float:left;
  width: 30.05%;
  list-style:none;
  margin-left: 4.92%;
}
.wrap ul > li:first-child{
 margin-left:0;
}
.wrap ul > li > img{margin-bottom:10px;}

.wrap span.icon{
  min-width: 50px;
  font-size: 10px;
  text-align: center;
  margin:0 5px;
  color:#fff;
  background-color: #9fcbd7;
  display: inline-block;
  padding: 2px 4px;
  line-height: 14px;}

/*---------繧｢繧ｯ繧ｿ繧ｹ 繧ｪ繝ｪ繧ｸ繝翫Ν 繧ｮ繝輔ヨ繧ｫ繧ｿ繝ｭ繧ｰ�斐▽縺ｮ繧ｳ繝ｼ繧ｹ----------*/
.gift_3course{
  overflow: hidden;
  margin: 50px auto 0;
  width: 100%;
}
.gift_3course ul > li{
  float:left;
  width: 21.83%;
  list-style:none;
  margin-left: 4.22%;
}
.gift_3course ul > li:first-child{
 margin-left: 0%;
}
p.btn_3course{
    width: 100%;
    background-color:#F2BE4C;
    text-align: center;
    padding:10px 0;
}
/*----------雍医ｊ迚ｩ縺ｫ縺ｾ縺､繧上ｋ12縺ｮ繧ｨ繝斐た繝ｼ繝-----------*/
.special_book {
  text-align: left;
  border:solid 1px #b9b9b9;
  margin: 50px auto 60px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.special_book > div, .special_book > div > div {
  float: left;
}
.special_book > div:first-child{
  width: 73%;
}
.special_book > div > div:first-child {
  width: 38.81%;
  margin-left: 9.02%;
}
.special_book > div > div:first-child img {
  padding-top: 120px;
}
.special_book > div > div.spbook_text {
  width: 52.17%;
  padding-top: 116px;
}
.special_book > div > div.spbook_text p {
  padding-left: 10.5%;
  margin: 0;
}
.special_book > div.ep12book {
  width: 20.17%;
}
.special_book > div.ep12book img{
  padding: 20px 0;
}
#id1 div.clear {
  margin-bottom: 55px;
    text-align: center;
}


/*---------course_box_main----------*/

.course_box_main{
  margin: 0 auto;
  overflow: hidden;
}
.course_box{
  margin-bottom: 55px;
  overflow:hidden;
}
.course_box + .course_box{
  margin-left: 42px;
}

.course_box .course_item{
  float:left;
  width:260px;
}
.course_box .course_item a{
text-align:center;
width:260px;
    background-color:#efefef;
}
.course_box div:last-child{
  float: right;
  width: 676px;
}

.course_box div:last-child img{
  margin: 0 0 18px 0;
}
.btn_area .bluebtn{
display:inline-block;
    text-align: center;
    width: 400px;
    background-color: #1daac2;
    line-height:60px;
margin-left:80px;
}
.btn_area a.bluebtn:first-child{
margin-left:0}

.btn_area{
margin-bottom:50px;
background:url(http://ds-assets.s3.amazonaws.com/actus/2016/sp/20160120/line.gif) repeat-x bottom;
padding-bottom:50px;}

/*---------繧ｭ繝�ぜ繧ｮ繝輔ヨ繧ｫ繧ｿ繝ｭ繧ｰ�斐▽縺ｮ繧ｳ繝ｼ繧ｹ----------*/
.kids_catalog{
  overflow: hidden;
  margin: 0 auto 60px;
  width: 100%;
}
.kids_area{
  margin: 0 auto;
  overflow: hidden;
}
.kids_item_main{
  background-repeat: no-repeat;
  background-position: 430px 0;
  overflow: hidden;
}
.kids_item, .kids_item2 {
  float: left;
  width: 50%;
}
.kids_item {
  border-right: 1px solid #dbd8d3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.kids_photo {
  float: left;
  width: 31.67%;
}
.kids_info{
  float: right;
  width: 50%;
}
.kids_item .kids_info{
  padding-right: 9.67%;
}
.kids_item2 .kids_photo {
  padding-left: 10%;
}
.clover, .violet{
  padding-bottom: 40px;
}
.tulip, .sunflower{
  margin-top: -2px;
}

.kids_info > .graybtn {
  margin: 40px auto 10px;
}
.kids_info > .orangebtn {
  display: block;
  height: 50px;
  background: #f4bd49;
  line-height: 50px;
  text-align: center;
}

/*---------会員登録時のフロー----------*/

.order{
  overflow: hidden;
  margin: 50px auto auto 0;
  padding: 0 0 11px;
  width: 100%;
}

.order_list{
  background-color: #f5f5f5;
  font-size: 12px;
  overflow: hidden;
  padding: 25px 0;
  width: 100%;
}

.order_list li{
  float: left;
  margin-left: 25px;
}

.order_guide{
  font-size: 12px;
  overflow: hidden;
  padding: 38px 0;
  position: relative;
  width: 100%;
}

.order .guide_btn li{
	font-size: 12px;
	float: left;
	width: 23%;
	line-height: 47px;
	margin-right: 1%;
	text-align: center;
	background: #fff;
	border: 1px solid #1eaac3;
	display: block;
	color: #1eaac3;
}

.btn_guide{
  position: absolute;
  top: 8px;
}

.order .guide_btn li.this{
  font-size: 12px;	
  float: left;
  width: 24%;
  height: 47px;
  margin-right: 1%;
  text-align: center;
  background: #1eaac3;
  display: block;
  color: #FFF; 

}


/*-----------------------*/



.order .guide_btn li.this{
  font-size: 12px;	
  float: left;
  width: 24%;
  height: 47px;
  margin-right: 1%;
  text-align: center;
  background: #1eaac3;
  display: block;

}


.order .guide_btn li.last{
	font-size: 12px;
	float: left;
	width: 23%;
	height: 47px;
	text-align: center;
	background: #fff;
	border: 1px solid #1eaac3;
	display: block;
	color: #1eaac3;
}

.order .guide_btn li.lastthis{
	font-size: 12px;
	float: left;
	width: 23%;
	height: 47px;
	text-align: center;
	background: #1eaac3;
	display: block;
	color: #FFF;
}


.order .guide_btn li.this p.guide_text{
color:#1CAAC2;
}









.thanks_guide{
  font-size: 13px;
  margin: 25px 0 0 0;
  overflow: hidden;
  padding: 0 0 25px 0;
  width: 100%;
}
.thanks_guide li{
  margin: 10px 0 10px 0;
}

.gift-mainvisual{
  position:relative;
}
.gift-mainvisual > a{
  display:block;
  position:absolute;
  top:66%;
  height:10%;
  text-indent:-9999px;
}
.gift-mainvisual .linkarea1{
  left:32%;
  width:17%;
}
.gift-mainvisual .linkarea2{
  right:32%;
  width:17%;
}
/*-------------繧ｮ繝輔ヨ繧帝ゅ＞縺滓婿---------------*/
.thanks_gift{
  overflow: hidden;
  margin: 10px auto 50px;
}
.thanks_gift > h2 {
  font-size: 18px;
  font-weight: bold;
}
.thanks_gift > h3 {
  font-size: 16px !important;
  font-weight: bold;
  color: #29aabf;
  margin-top: 28.2px;
  margin-bottom: 7.2px;
}

.img_01 {
  margin: 0 0 15px 0;
}
/*------------繧ｮ繝輔ヨ繧｢繧､繝�Β繧偵♀謗｢縺励�譁ｹ縺ｫ縺翫☆縺吶ａ縺ｮ迚ｹ髮��縺薙■繧------------*/
.bottom_box   .img_01 img {
  width: 100%;
}
.item_01 {
  margin: 0 auto 80px;
}

.bottom_box .ossm{
  font-size: 13px;
  margin: 0 0 30px 0;
}

/*------------------------*/
.span3 div ul{
  width:100%;
  margin:0 auto;
  overflow:hidden;
  }

.span3 div li{
  list-style:none;
  float:left;
  padding:10px;
  width:39%;
  }

#id1 .course_item a.center{
width:100%
}
.graybtn {
  display: block;
  height: 50px;
  background: #ededed;
  line-height: 50px;
  text-align: center;
}
.course_item .graybtn {
  margin-top: -3px;
}



@media only screen and (max-width: 1200px) {
  #id1 .flexslider{
    margin: 0;
    width: 667px;
    float: right;
}
  .flex-direction-nav .flex-prev, .flexslider:hover .flex-prev {
    left: 5px;
}
.flex-direction-nav .flex-next, .flexslider:hover .flex-next {
    right: 5px;
}
  .special_book > div > div {
    float: none;
    width: 100%;
  }
  .special_book > div > div:first-child,
  .special_book > div > div.spbook_text {
    width: 100%;
    margin: 0 auto;
  }
  .special_book > div > div:first-child {
    text-align: center;
  }
  .special_book > div > div:first-child img {
    padding-top: 0;
  }
  .special_book > div > div.spbook_text {
    width: 375px;
    padding-top: 18px;
  }
  .special_book > div > div.spbook_text p {
    padding-left: 0;
    margin: 0 auto;
  }
  .topinfo_main {
    padding: 12px 34px 26px;
}
  .topinfo_left {
	float: none;
    padding: 0;
margin:0;
    border: none;
	text-align: center;
}
.newinfo_right p {
	padding-left: 0px;
	text-align: center;
}
}
@media only screen and (min-width:980px) and (max-width: 1200px) {
  .gift_box > div {
    position: relative;
    width: 39.5%;
    height: 196px;
    margin-left: 7.0%
  }
  .gift_box > div > a {
    display: block;
    position: absolute;
    bottom: 0;
  }
  .special_book > div:first-child {
    padding-top: 33px;
}
.phon_clear > .fr {
    width: 136px;
}
.phon_clear {
    margin-left: 9px;
}
}
@media only screen and (max-width: 979px) {
.wrap ul > li > p{
    height: 40px;
}

  .gift_box > div:first-child {
    margin-bottom: 30px;
}
  .gift_3course ul > li:first-child {
    margin: 0;
  }
  .special_book > div:first-child {
    padding-top: 20px;
}
.btn_area .bluebtn{
margin-left:0;
margin-bottom:23px;
    max-width: 100%;
}
}
@media only screen and (min-width:767px) and (max-width: 979px) {
.content{
  width: 100%;
}

.gift_sheen{
  width: 100%;
}
.gift_sheen li {
    margin-left: 10px;
    width: 23.966%;
}
.sheen_box{
  float: none;
  margin-top: 10px;
  width: 100%;
}
.sheen_box p.sheen_info{
  height: auto;
  padding-bottom: 20px;
}
.special_book div.specia_box {
    width: 50%;
    margin-right: 10%;
}

.course_box_main{
  margin: 0 auto 0 auto;
  overflow: hidden;
  width: 100%;
}
.course_box{
  float: none;
  margin: 10px auto 55px;
  overflow: hidden;
  width: 100%;
}
.course_box + .course_box{
  margin-left: 0px;
  margin: 10px auto;
}

.course_box .course_item{
  float:left;
  width:27%;
}

.course_box .course_item a {
    margin:0;
}
.course_box div:last-child{
  float: right;
  width: 69.55%;
}

.course_box div:last-child img{
  margin: 0 0 18px 0;
}
#id1 .flexslider {
    width: 71%;
}
/*
.kids_area{
  margin: 0 auto;
  width: 100%;
}
.kids_item_main{
  margin: 10px auto;
  width: 100%;
}
.kids_item{
  float: left;
  margin-bottom: 40px;
  margin-right:2%;
  margin-left: 2%;
  width: 380px;
}*/


.kids_area{
  width: 100%;
padding-top:25px;
}
.kids_item_main{
  background:none;
  margin: 0 auto;
}
.kids_item{
  float: left;
  margin-bottom: 40px;
  width: 50%;
}
.kids_item2 {
  padding: 0;
  margin-bottom: 40px;
}
.order_list{
  padding: 10px 0;
}
.order_list li{
  float: left;
  margin: 10px 0 10px 25px;
}


.order_guide {
    font-size: 12px;
    overflow: hidden;
    padding: 9px 0;
    position: relative;
    width: 100%;
}

.order .guide_btn li{
  margin: 0 19px 19px 0;
    width: 47%;
}
.topinfo_center .phon_clear{
clear:both;
margin:0 auto;
float: none;
margin-left:inherit;}
.fl > img.fl{width:49%; margin-right:inherit;margin-bottom:10px}
.fl > .fr{width:49%}
  .gift_box > div {
      float: none;
      width: 100%;
      margin:0 auto;
}

}/*max-width: 979px*/

@media only screen and (max-width: 767px) {
  .gift_box > div {
      float: none;
      width: 100%;
      margin:0 auto;
}
.content p.fs15{
font-size:14px;
}
.content{
  width: 100%;
}
.gift_sheen{
  width: 100%;
  margin: 30px auto;
}
.gift_sheen li:first-child{
margin-left:2%;
}
.gift_sheen li {
    margin-left: 2%;
    width: 47%;
margin-bottom:20px;
}
.gift_sheen li img{
width:100%;
}

.sheen_box{
  float: none;
  margin-top: 10px;
  width: 100%;
}
.sheen_box p.sheen_info{
  height: auto;
  padding-bottom: 20px;
}
.phone_br {
    display: inline;
}
/*reason*/
.reason ul > li {
  float: none;
  width: 100%;
}
.reason ul > li.cap_even {
  margin: 0 auto;
}

/*wrap*/
.wrap{margin-bottom:75px;}
.wrap ul > li:first-child,
.wrap ul > li {
  float: none;
  width: 100%;
  margin: 0 auto;
}
.wrap ul > li >img{
    display: block;
    margin:0 auto;
}

/*gift_3course*/
.gift_3course{
  float: none;
  margin: 50px auto 30px ;
}

.gift_3course li,
.gift_3course li.maginnone{
    float:inherit;
margin:0 auto;
width:400px;
}
.gift_3course li .fhon_fr{
float:none;
width:100%;
margin-left:initial;
}
.gift_3course li .fhon_fl{
float:none;
clear:both;
width:100%;
margin-bottom:2%;
}
.gift_3course ul > li {
  float: none; 
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
}
.gift_3course ul > li:first-child {
  margin: 0 auto;
}
.btn_3course{margin-bottom:30px;}
.special_book{
  width: 100%;
  margin:0 auto 60px;
}

.special_book > div:first-child {
  float: none;
  width: 90%;
  margin: 0 auto;
  padding-top: 0;
}
.special_book > div > div:first-child {
  margin: 18px auto;
}
.special_book > div > div.visible-phone {
  text-align: center;
}
.special_book > div > div.spbook_text {
  width: 100%;
  padding-bottom: 18px;
}
div.spbook_text p:first-child,
div.spbook_text p:first-child + p {
  display: inline;
}
.course_box_main{
  margin: 0 auto 0 auto;
  overflow: hidden;
  width: 100%;
}

.course_box .course_item{
  float:left;
  width:28.5%;
}
.course_box div:last-child{
  float: right;
  width: 69.55%;
}

.course_box div:last-child img{
  margin: 0 0 18px 0;
}
.phon-l{
float:left;
width:50%;
margin-right:3%;
}

.phon-l p{
text-align:left;
}
.course_box .course_item{
  float: left;
  width: 47%;
}
.course_box .course_item img{
width:100%;
}
#id1 .flexslider {
    clear: both;
    margin: 0 auto;
    max-width: 400px;
    float:none;
margin-bottom:25px;
}
.phon_b{
font-weight:bold;
}
a.center.visible-phone.clear{
    width: inherit;
    max-width: 260px;
margin:0 auto;
padding-bottom:0;
}
.color li {
    width: 33%;
}
.color > li.grayborder_smp {
  border-top: none;
  border-left: #d9d8d3 solid 1px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}
.color > li.grayborder_smp + .grayborder {
  border-top: none;
}

.graybtn{
max-width: 460px;
}
.clear .graybtn {
  width: 100%;
}
.kids_area{
  width: 100%;
}
.kids_item_main{
  margin: 20px auto;
  width: 100%;
}
.kids_item, .kids_item2 {
  float: none;
  width: 80%;
  min-width: 400px;
  margin:0 auto 50px;
  overflow: hidden;
  border-right: none;
}
.clover, .violet {
  padding-bottom: 0;
}
.sunflower {
  margin-bottom: 0;
}
.kids_photo {
  width: 40%;
}

.kids_item .kids_info, .kids_item2 .kids_photo {
  padding-right: 0;
  padding-left: 0;
}
.order_list{
  padding: 10px 0;
}
.order_list li{
  float: none;
  margin: 10px 0 10px 25px;
}
.order_guide .btn_guide{
  position: relative;
}
.order_guide {
    font-size: 12px;
    overflow: hidden;
    padding: 9px 0;
    position: relative;
    width: 100%;
}

.order .guide_btn li{
  margin: 0 3% 19px 0;
    width: 48.5%;
}
.order .guide_btn li a{
width:auto;
}
.guide_btn li.whitebtn,
.guide_btn li.phon_m0{
margin-right:0;
}

#checked-items {
  margin-top: 0;
}
.topinfo_main {
    padding: 12px 26px 26px;
}
.newinfo_right p {
	text-align: justify;
}
.topinfo_center .phon_clear,
.fl > img.fl,
.fl > .fr{
clear:both;
margin:0 auto;
float: none;
margin-left:inherit;}
.fl > img.fl{width:100%; margin-right:inherit; margin-bottom:2%}
.fl > .fr{width:100%;margin-bottom:20px;}
.phon_clear .graybtn{margin: 0 auto;}
}/*max-width: 767px*/


@media only screen and (max-width: 680px) {

.course_box{
  text-align: center;
}

.course_box div:last-child{
  float: none;
  margin: 0 auto;
  width: 80%;
}
.course_box div:last-child img{
  text-align: center;
}
}


@media only screen and (max-width: 468px) {

.course_box div:last-child{
  width: 100%;
}
#id1 .flexslider {
    width: 100%;
}
.gift_3course li,
.gift_3course li.maginnone{
width:95%;
}
.gift_3course li .fhon_fr{
margin-top:0;
}
.graybtn {
    width: 100%;
}
.kids_area{
  width: 100%;
}
.kids_catalog{
  margin: 0 auto 40px;
}
.kids_item_main{
  margin: 20px auto;
}
.kids_item, .kids_item2 {
  width: 100%;
  min-width: 100%;
}
.kids_photo {
  width: 44%;
}
.kids_info {
  width: 54%;
}
.kids_item_main .graybtn, .kids_item_main .orangebtn{
  height: 35px;
  line-height: 35px;
}
.kids_item_main .graybtn {
  margin-top: 10px;
}
.order .guide_btn li{
  float: none;
  width: 100%;
  margin: 10px auto;
}

}

@media only screen and (max-width: 340px) {
.newinfo_area{
  margin: 0 auto;
  overflow: hidden;
}
.newinfo_item{
  float: left;
  margin:15px 30px 0 15px;
  width: 430px;
}
.newinfo_area{
  padding-top: 40px;
}
.newinfo_photo{
  float: left;
  width: 191px;
}
.newinfo_info{
  float: right;
  width: 228px;
}
.alink_blue{
  color:#29AABE;
  text-decoration: underline;
}

.course_box_main2{
  margin: 0 auto 0 auto;
  overflow: hidden;
  padding-bottom: 60px;
}
.course_box2{
  float: left;
  margin-bottom: 30px;
  padding:25px;
}
}