@charset "utf-8";


/* 共通してしまったのでまとめた */
#pageheader,
.infoBlock,
#pointTitle{
 background-image:url(../../../../img/ab/common/background.png);
 background-repeat:no-repeat; 
 background-size: 650px 300px;
}


/* page header part */


#pageheader{
 margin-bottom:8px;
 height:27px;
 
 background-position:0 0;
}

/* サブ情報用ブロック */

.infoBlock{
 margin:5px 5px 10px;
 padding-left:105px;
 height:92px;
 overflow:hidden;

 background-position:0 -150px;
}


/* 講座タイトルヘッド設定一覧 */

#header-block{
 margin-top:10px;
 padding:1px 0;
 border-width:1px 0;
 border-style:solid;
}

#mainTitle{
 position:relative;
 padding:6px 0 12px;
 font-size:18px;
 line-height:100%;
 text-align:center;
 color:#fff;
}

#headerCatch{ 
 padding-bottom:9px;
 font-size:15px;
 font-weight:bold;
}

#subTitle{
 margin:5px;
 padding:2px;
 font-size:15px;
 text-align:center;
}

.border-brown{ border:1px solid #6A0D05; }
.border-green{ border:1px solid #00995D; }
.border-lightbrown{ border:1px solid #900; }

.backColor-brown{ background-color: #6A0D05; }
.backColor-green{ background-color: #00995D; }
.backColor-lightbrown{ background-color: #900; }

.text-brown{ color: #450903; }
.text-green{  color: #043; }
.text-lightbrown{  color: #900; }



/* pageLayout */

#bickImgBlock{
 width:100%;
 clear:both;
 text-align:center;
}
#bickImgBlock img{ margin:5px auto; }

.repeat-block{
 margin:10px auto;
 padding:0 10px;
 font-size:16px;
 clear:both;
}

#pointTitle{
 padding-top:5px;
 padding-left:25px;
 height:27px;
}
.setPoint-green{
 color: #043;
 background-position:0 -40px;
}

.setPoint-brown{
 color: #450903;
 background-position:0 -75px;
}

.setPoint-lightbrown{
 color: #900;
 background-position:0 -110px;
}

/* word */
.botton-word-orange{
 margin-top:18px;
 font-size:14px;
 color:#f30;
 
 text-align:center;
}

.botton-word-orange-under{
 margin-top:30px;
 font-size:14px;
 color:#f30;
 
 text-align:center;
}


/* big-button設定 */
.big-button{ margin:15px auto 0; }
.big-button02{ margin:5px auto 0; }
.big-button03{ margin:5px auto 0; }

.big-button li{
 margin:0 0 5px 5px;
 padding:1px;
 float:left;
 box-sizing:border-box;

 border:1px solid #F00;

 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;

}

.big-button02 li,
.big-button03 li{
 margin:0 auto 5px;
 padding:2px;
 width:310px;
 text-align:left;

 box-sizing:border-box;

 border:1px solid #FF6600;

 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;

 background-color:#fff;
 list-style-type: none;
}


.big-button li:nth-child(1){
 margin-left:5%;
 margin-right:2%;
 width:43%;
}

.big-button li:nth-child(2){
 margin-left:2%;
 width:43%;
}

.big-button02 li:nth-child(1),
.big-button02 li:nth-child(2){  margin:10px auto 5px; }

.big-button03 li:nth-child(1),
.big-button03 li:nth-child(2){  margin:10px auto 5px; }


.big-button a,
.big-button02 a,
.big-button03 a{
 display:block;
 padding:14px 0;

 color:#fff;
 font-weight:bold;
 text-decoration:none;

 -webkit-appearance:none;

 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;

 box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -webkit-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -moz-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;

 background: #FF0000;

}

.big-button02 a{ padding-left:30px; }
.big-button03 a{ padding-left:65px; }

.bottunOrange li{  border:1px solid #f60; }
.bottunOrange a{  background: #FF6600; }


.big-button span{
 padding:1px 15px 1px 1px;

 background-image:url(../../../../img/ab/common/arrow_c.png);
 background-repeat:no-repeat;
 background-position:100% 50%;
 background-size: 12px 12px;
}

.big-button02 span{
 padding-left:30px;
 font-size:17px;

 background-image:url(../../../../img/ab/common/arrow_c.png);
 background-repeat:no-repeat;
 background-position:0% 50%;
 background-size: 18px 18px;
}

.big-button03 a{ background: url(../../../../img/ab/common/arrow_c.png) 95% 50% / 18px 18px no-repeat #f60; }

.big-button03 span{
 padding-left:20px;
 font-size:17px;
/*
 background-image:url(./arrow_c.png);
 background-repeat:no-repeat;
 background-position:100% 50%;
 background-size: 18px 18px;
*/
}
/*.bottunOrange span{ padding-right:15px; }*/


/* page navi setting */

#totalList-Navi{
 margin-top:20px;
 margin-bottom:5px;
}

/* ナビ用トップタイトル設定 */

#naviTitle{
 height:30px;
 overflow:hidden;
 border-top:1px solid #CCC;
 border-bottom:1px solid #CCC;
 
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 40%, #eeeeee 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #ffffff 40%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #ffffff 40%,#eeeeee 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #ffffff 40%,#eeeeee 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #ffffff 40%,#eeeeee 100%); /* W3C */
}

#naviTitle span{
 display:block;
 margin-left:5px;
 padding:9px 0 10px 10px;
 
 line-height:100%;
 color: #043;
 
 border-left:3px solid #00995D;
}


.kouza-detail{
  margin:auto;
  width:100%;
}

.kouza-detail-child{
 display:flex;
 flex-direction:row-reverse;
 justify-content:flex-end;
 align-items:center;

 padding:5px 5px 5px 10px;
 
 min-height:0;
 height:auto;
 width:100%;

 line-height:120%;
 box-sizing: border-box;

 border-bottom:1px dotted #043;

}


.kouza-detail-child:last-child{  border:0; }

.objectFix-cover{
 position:relative;
 flex-shrink: 0;
 box-sizing: border-box;

 margin-bottom:2px;

 width:100px;
 height:85px;

 border:1px solid #ddd;

 overflow: hidden;

}
.objectFix-cover::before{
 position:absolute;
 display:block;
 box-sizing: border-box;
 
 content:"";
 top:0;
 left:0;
 width:100%;
 height:100%;
 border:2px solid #fcfcfc;

}

.objectFix-image{
  width:100%;
  height:calc(100% + 5px);
  object-fit: cover;

}


.kouza-detail-header{
 box-sizing: border-box;
 
 padding:0 5px 0 10px;
 font-size:15px;
 font-weight:normal;
}
























/* navi button 設定 */

.naviBigButton{
 display:block;
 margin:15px auto;
 padding:10px;
 width:250px;
 clear:both;
 text-align:center;
 line-height:100%;
 vertical-align:bottom;
 
 -webkit-appearance:none;
 
 border:1px solid #CCC;

 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 
 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 95%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(95%,#eeeeee)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 95%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 95%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 95%); /* IE10+ */
 background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 95%); /* W3C */
}

.naviBigButton span{
 padding-right :24px;
 
 
 background:url(../../../../img/ab/common/arrow_b.png);
 background-position:100% 50%;
 background-repeat:no-repeat;
 background-size: 17px 7px;
}

/* navi link設定 */



#naviLink a{ text-decoration:none; }

#naviLink a.linkSet{
 text-decoration:underline;
 color:#043;
}

/* footer リンク */

#footer-nav{
 position:relative;
 margin-top:0;
 padding-top:5px;
 list-style:none;
 border-top:1px solid #481700;

 box-sizing:border-box;
}

#footer-nav li{
 margin-bottom:5px;
 height:25px;
 overflow:hidden;
 list-style:none;
}

#footer-nav li:nth-child(odd){
 padding-right:2%;
 float:left;
 clear:both;
 text-align:right;
}

#footer-nav li:nth-child(even){
 padding-left:2%;
 float:right;
 text-align:left;
}

#footer-nav a{
 display:block;
 padding:10px 0;
 height:7px;
 font-size:12px;
}

.footerRatioA li:nth-child(odd){ width:calc(50% - 2%); }
.footerRatioA li:nth-child(even){ width:calc(50% - 2%); }

#footer-nav li:nth-child(2n+1):last-child {
  width: 100%;
  text-align:center;
}

#footer-nav li:nth-child(2n+1):last-child a{
 display:inline-block;
 padding:10px 20px;
}


/* page footer*/
#pageFooter{ border-top:3px solid #481700; }


/* all omake! */
.infoBlock:after
{
	display:block;
	height:0;
	visibility:hidden;
	content:".";
	clear:both;
}

/* END */