/* オレンジ押しボタンのCSS */
.square_btn_orange {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn_orange:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* 緑押しボタンのCSS */
.square_btn_green {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #32cd32;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn_green:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*蛍光ペン風緑下線のカスタムCSS*/
.undergreen {
  background: linear-gradient(transparent 70%, #00FF00 70%);
  font-weight: bold;
  color: #222222;
  }

/*蛍光ペン風黄色下線のカスタムCSS*/
.underyellow {
  background: linear-gradient(transparent 70%, #ffff00 70%);
  font-weight: bold;
  color: #222222;
  }

/*蛍光ペン風ピンク下線のカスタムCSS*/
.underpink {
  background: linear-gradient(transparent 70%, #ff33ff 70%);
  font-weight: bold;
  color: #222222;
  }

/* tablepress-id-23カスタム */
.tablepress-id-23 .row-5 .column-4, 
.tablepress-id-23 .row-5 .column-5,
.tablepress-id-23 .row-6 .column-4, 
.tablepress-id-23 .row-6 .column-5

{ 
color: #ff2222  !important; 
background-color: #ffff33 !important; 
}

/* tablepress-id-22カスタム */
.tablepress-id-22 .row-8 .column-4, 
.tablepress-id-22 .row-8 .column-5, 
.tablepress-id-22 .row-9 .column-4, 
.tablepress-id-22 .row-9 .column-5, 
.tablepress-id-22 .row-10 .column-4,
.tablepress-id-22 .row-10 .column-5,
.tablepress-id-22 .row-11 .column-4, 
.tablepress-id-22 .row-11 .column-5

{ 
color: #ff2222  !important; 
background-color: #ffff33 !important; 
}

/* tablepress-id-21カスタム */
.tablepress-id-21 .row-3 .column-3, 
.tablepress-id-21 .row-3 .column-4, 
.tablepress-id-21 .row-3 .column-5,
.tablepress-id-21 .row-3 .column-6,
.tablepress-id-21 .row-3 .column-7,
.tablepress-id-21 .row-3 .column-8,

.tablepress-id-21 .row-4 .column-3, 
.tablepress-id-21 .row-4 .column-4,
.tablepress-id-21 .row-4 .column-5,
.tablepress-id-21 .row-4 .column-6, 

.tablepress-id-21 .row-5 .column-3, 
.tablepress-id-21 .row-5 .column-4,
.tablepress-id-21 .row-5 .column-5,

.tablepress-id-21 .row-6 .column-3, 
.tablepress-id-21 .row-6 .column-4, 
.tablepress-id-21 .row-6 .column-5, 

.tablepress-id-21 .row-7 .column-3, 
.tablepress-id-21 .row-7 .column-4, 

.tablepress-id-21 .row-8 .column-3, 
.tablepress-id-21 .row-8 .column-4, 

.tablepress-id-21 .row-9 .column-3, 
.tablepress-id-21 .row-9 .column-4, 

.tablepress-id-21 .row-10 .column-3, 
.tablepress-id-21 .row-11 .column-3, 
.tablepress-id-21 .row-12 .column-3, 
.tablepress-id-21 .row-13 .column-3, 
.tablepress-id-21 .row-14 .column-3, 
.tablepress-id-21 .row-15 .column-3, 
.tablepress-id-21 .row-16 .column-3, 
.tablepress-id-21 .row-17 .column-3 

{ 
background-color: #ff5555  !important; 
}
.tablepress-id-21 .row-3 .column-9,
.tablepress-id-21 .row-3 .column-10,

.tablepress-id-21 .row-4 .column-7,
.tablepress-id-21 .row-4 .column-8,
.tablepress-id-21 .row-4 .column-9,

.tablepress-id-21 .row-5 .column-6,
.tablepress-id-21 .row-5 .column-7,
.tablepress-id-21 .row-5 .column-8,
.tablepress-id-21 .row-5 .column-9,

.tablepress-id-21 .row-6 .column-6,
.tablepress-id-21 .row-6 .column-7,
.tablepress-id-21 .row-6 .column-8,

.tablepress-id-21 .row-7 .column-5,
.tablepress-id-21 .row-7 .column-6,
.tablepress-id-21 .row-7 .column-7,

.tablepress-id-21 .row-8 .column-5,
.tablepress-id-21 .row-8 .column-6,
.tablepress-id-21 .row-8 .column-7,

.tablepress-id-21 .row-9 .column-5,
.tablepress-id-21 .row-9 .column-6,
.tablepress-id-21 .row-9 .column-7,

.tablepress-id-21 .row-10 .column-4,
.tablepress-id-21 .row-10 .column-5,
.tablepress-id-21 .row-10 .column-6,

.tablepress-id-21 .row-11 .column-4,
.tablepress-id-21 .row-11 .column-5,
.tablepress-id-21 .row-11 .column-6,

.tablepress-id-21 .row-12 .column-4,
.tablepress-id-21 .row-12 .column-5,
.tablepress-id-21 .row-12 .column-6,

.tablepress-id-21 .row-13 .column-4,
.tablepress-id-21 .row-13 .column-5,
.tablepress-id-21 .row-13 .column-6,

.tablepress-id-21 .row-14 .column-4,
.tablepress-id-21 .row-14 .column-5,

.tablepress-id-21 .row-15 .column-4,
.tablepress-id-21 .row-15 .column-5,

.tablepress-id-21 .row-16 .column-4,
.tablepress-id-21 .row-16 .column-5,

.tablepress-id-21 .row-17 .column-4,
.tablepress-id-21 .row-17 .column-5

{
background-color: #ffff22  !important; 
} 

.tablepress-id-21 {
 width: 600px;
 }

/* 押しボタンのCSS */
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* blockquoteのカスタム版CSS */
blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 40px #c4c4c4;
    background: #f3f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -32px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* POINT見出しのCSS */
.box28 {
    position: relative;
    margin: 1em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/* 破線ボックスのCSS */
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

/* ul class=spのCSS */
ul.sp {
  border: solid 2px #ffb03f;
  padding: 0 0.5em 0 0;
  position: relative;
}

ul.sp li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

ul.sp li:before {
  font-family: FontAwesome;
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}

ul.sp li:last-of-type{
  border-bottom: none;
}


/* ul class=circleのCSS */
ul.circle li{
list-style-type: disc;
color:#F7931E;
}
ul.circle li span{
color:#000;
}

h2#h2-custom{
  font-size:1.5em;
  position: relative;
  color: white;
  background: #3b8dbd;
  line-height: 1.4;
  padding: 0.2em 0.2em 0.2em 1.8em;
}

h2#h2-custom:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

h3#h3-custom{
    font-size: 1.25em;
    font-weight: bold;
    position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
 }
h3#h3-custom::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 2px solid #ccc;
}

h4#h4-custom{
  position: relative;
  padding: .25em .5em .25em 1em;
  border: 1px solid #ccc;
}
h4#h4-custom::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #FF8C00;
  border-radius: 4px;
}

h5#h5-custom{
	font-size:1.25em;
	position: relative;
	padding-left: 1.2em;/*アイコン分のスペース*/
	line-height: 1.4;
}

h5#h5-custom:before{ font-family: FontAwesome;/*忘れずに*/
	content: "\f00c";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #FFB800; /*アイコン色*/
}

h5#h5-custom1{
	font-size:1.25em;
	position: relative;
	padding-left: 1.2em;/*アイコン分のスペース*/
	line-height: 1.4;
}

h5#h5-custom1:before{ font-family: FontAwesome;/*忘れずに*/
	content: "\f00c";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #22ff22; /*アイコン色*/
}

h5#h5-custom2{
	font-size:1.25em;
	position: relative;
	padding-left: 1.2em;/*アイコン分のスペース*/
	line-height: 1.4;
}

h5#h5-custom2:before{ font-family: FontAwesome;/*忘れずに*/
	content: "\f00c";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #FF33FF; /*アイコン色*/
}

 .double-rectangle {
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}

.left-rectangle {
  float: left;
  margin-left: 10px;/*左に20pxの余白*/
}

.right-rectangle {
  float: right;
  margin-right: 10px;/*右に20pxの余白*/
}  

 .double-rectangle2 {
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}

.left-rectangle2 {
  float: left;
  margin-left: 0px;/*左に20pxの余白*/
}

.right-rectangle2 {
  float: right;
  margin-right: 0px;/*右に20pxの余白*/

 /*イオン銀行ポイントクラブのステージ判定テーブル*/
.tablepress-id-1 .row-1 .column-1,
.tablepress-id-1 .row-2 .column-1{
	background-color:　#999999 !important; /*背景色の指定*/
}

.tablepress-id-1 .row-1 .column-2,
.tablepress-id-1 .row-1 .column-3,
.tablepress-id-1 .row-1 .column-4,
.tablepress-id-1 .row-2 .column-2,
.tablepress-id-1 .row-2 .column-3,
.tablepress-id-1 .row-2 .column-4{
	background-color:　#999999 !important; /*背景色の指定*/
}
/*イオン銀行ポイントクラブのステージ判定-終わり*/
  
 /*総合課税のテーブル*/
.tablepress-id-7 .row-1 .column-1,
.tablepress-id-7 .row-2 .column-1{
	background-color:　#999999 !important; /*背景色の指定*/
}
  
/*tablepressのカスタムCSS*/
.tablepress tbody td,
.tablepress tfoot th {
	border: 1px solid #ccc;
}

/*############# Tpress_sample3 #############*/
.tablepress {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #333333;
	border-left: 3px solid #369;
}

.tablepress .row-1 .column-1 .column-2 .column-3 .column-4,
.tablepress .row-2 .column-1 .column-2 .column-3 .column-4,
.tablepress .row-3 .column-1 .column-2 .column-3 .column-4,
.tablepress .row-4 .column-1 .column-2 .column-3 .column-4,
.tablepress .row-5 .column-1 .column-2 .column-3 .column-4,
.tablepress .row-6 .column-1 .column-2 .column-3 .column-4,
.tablepress .row-7 .column-1 .column-2 .column-3 .column-4 {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	color: #153d73;
}

/* 項目名部分の横幅指定とセンタリング */
.tablepress .column-1 {
	width: 30%;
	text-align: center;
    vertical-align: middle;
}

/* 内容部分のレイアウト */
.tablepress .column-2 .column-3 .column-4 {
	padding: 10px;
  	text-align: center;
    vertical-align: middle;
}

/* すべてのセルに枠線を付加する */
.tablepress thead th {
  	color:#333;
}
.tablepress tbody tr:first-child td,
.tablepress tbody td {
  	color:#333;
}
.tablepress tfoot th {
    border: 1px solid #333 !important;
}