@charset "utf-8";
/*===========================
add
===========================*/

table.eoLine tr:nth-child(odd) td{
	background-color: #F8F7F5	;
}



.hyouka .catch2{
	border-bottom: solid 3px #87CEFA;
}



/*-----------
   色変更   
-----------*/

/* table  */ 

table.table2 th {
	background-color:#9A8072;
	color:#fff;
}

table.table3 th {
	background-color:#9A8072;
	color:#fff;
}

.tdColor1 {
	background-color:#FEF8EF !important;
}

.tdColor2 {
	background-color:#FEEEE0 !important;
}
	

/* buttons */

.txtBnr2 a {
	background-color:#EA8E1E;
	color: #FFF;
}


/*.txtIcon  */

.txtIcon {
	background-color:#EA8E1E;
	color: #FFF;
}

.txtIconBlock {
	background-color:#EA8E1E;
	color: #FFF;
}

.txtIconPoint {
	background-color:#ABC853;
}

/* catchiphrase */

.catch1 {
	/* color:#EEA011; */
}

.catch2 {
	/* color:#EEA011; */
}

.catch3 {
	/* color:#EEA011; */
}

/*circle-number*/

.circle-big {
	color:#EEA011;
}

/* list */

ul.liCircle li::before , ul.liInline li::before ,  ul.liInline2Div li::before , ul.liInline3Div li::before , ul.liInline4Div li::before {
	background:#F3AC56;
}

/* faq */

dl.faq dt::before {
	color: #FFF;
	background:#EE7E3C;
}

dl.faq dd::before {
	color: #FFF;
	background:#64A6D7;
}

/* 枠  */ 

.boxFrame {
	border:3px solid #F1C03F;
}

.boxFrameDouble {
	border:3px double #F1C03F;
}

.boxDot {
	border:2px dotted #F1C03F;
	background:#FEFDE9;
}

.boxFablic {
	border:3px solid #F1C03F;
	background:#FEFDE9;
	box-shadow: 0px 0px 0px 10px #FEFDE9;
	border:  dotted 2px #E3AA24;
}







ul.circle {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle > li {
    padding: 0 0 0.2em 1.2em;
    margin-bottom: 0.2em;
    width:94%;
    margin-right:0%;
    position: relative;
}
ul.circle > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}



ul.circle-2col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-2col > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:40%;
    margin-right:2%;
    position: relative;
}
ul.circle-2col > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}

ul.circle-3col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-3col > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:45%;
    margin-right:2%;
    position: relative;
}
ul.circle-3col > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}


@media only screen and (max-width: 768px) {
  ul.circle-2col > li,ul.circle-3col > li {
    width:90%;
}
}

/* WP */
.tx-right {
	text-align:right;
}