@charset "shift_jis";
/*==============================================
common
============================================= */
.sp,
.spTitleImg,
.bnrIn .item {
    display:none;
}
#header {
    border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn {
    width: 930px;
    margin: 0 auto;
}
.copyRight { 
    border-top: 1px solid #ededed; 
}
#footer { 
    margin-top: 10px; 
}
.pageTop { 
    border-radius: 50%; 
}

/*==============================================
看板
============================================= */
.mainTitle {
    background: #f5f5f5 url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/bg_title.webp) center top no-repeat;
    margin: 0 auto;
    padding: 144px 0 80px;
}
h1 {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/title.webp) center top no-repeat;
    width: 856px;
    height: 481px;
    text-indent: -999em;
    font-size: 0;
    z-index: 1;
	margin: 0 auto 10px;
}
.lead {
font-size: 17px;
line-height: 1.7;
width: 930px;
margin: 0 auto -15px;
}

/*----　pointBox　----*/
.pointBox {
    padding: 65px;
	width: 930px;
	margin: 0 auto -20px;
}
.point {
    position: relative;
    padding: 30px 30px;
    border-radius: 0;
    background-color: #fff;
}
.point ul {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/point.gif) left 50px top 40px no-repeat;
	box-sizing: border-box;
	padding-left: 290px;

}
.point ul li {
    position: relative;
    line-height: 1.8;
    padding-left: 3.5em;
    font-size: 20px;
}
.point ul li + li {
    margin-top: 5px;
}
.point ul li::before {
    content: "ポイント";
    position: absolute;
    top: .4em;
    left: 0;
    line-height: 2em;
    padding: 0 6px;
    background-color: #9d9d9d;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
}

#index {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
	margin-top: 70px;
}
#index ul {
    overflow: hidden;
    width: 930px;
    margin: 0 auto;
}
#index li a {
    box-sizing: border-box;
    display: block;
    width: 225px;
    height: 250px;
    font-size: 13px;
    line-height: 1.6;
    float: left;
    padding: 135px 20px 0 20px;
    -webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
#index li b {
background: #fff;
    display: inline-block;
    font-size: 18px;
	letter-spacing: 0.05em;
    font-feature-settings: "palt" 1;
    margin: 0 0 5px -10px;
	padding: 5px 10px 0;
}
.menu01 a {
    background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/menu01.webp) center top no-repeat;
    margin-right: 10px;
}
.menu02 a {
    background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/menu02.webp) center top no-repeat;
    margin-right: 10px;
}
.menu03 a {
    background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/menu03.webp) center top no-repeat;
    margin-right: 10px;
}
.menu04 a {
    background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/menu04.webp) center top no-repeat;
}
#index li a:hover {
opacity: 0.7;
}
/*==============================================
 .noto
============================================= */
/* regular */
@font-face {
    font-family: 'noto';
    src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Regular.woff);
    font-weight: normal;
}
/* medium */
@font-face {
    font-family: 'noto';
    src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Medium.woff);
    font-weight: 500;
}
/* bold */
@font-face {
    font-family: 'noto';
    src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Bold.woff);
    font-weight: 700;
}
/*==============================================
#mainContents
============================================= */
#mainContents {
    font-family: "noto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Arial", sans-serif;
	letter-spacing: 0.08em;
    font-feature-settings: "palt" 1;
}
.paragraphIn {
width: 930px;
margin: 0 auto;
}

.paragraph h2 {
    width: 930px;
    margin: 115px auto 0;
}
.paragraph h3 {
font-size: 23px;
font-weight: bold;
width: 800px;
margin: 80px auto 0;
}
.paragraph h3 + .imgBox {
margin: 20px auto 0;
}
.sub {
display: block;
    font-size: 32px;
    font-weight: bold;
    color: #182d94;
    margin-bottom: 20px;
  }
  .title {
    display: block;
    text-align: left;
    font-size: 35px;
    font-weight: normal;
    line-height: 1.5;
    color: #000;
  }

/*----　font　----*/
.paragraph p {
color: #202020;
font-size: 18px;
line-height: 1.9;
margin-top: 70px;
}
.paragraph p + p {
margin-top: 30px;
}
p em {
    background: linear-gradient(transparent 75%, #dddddd 30%);
    font-weight: bold;
    font-style: normal;
}

/*----　imgBox　----*/
.imgBox {
width: 800px;
margin: 70px auto 0;
}

.imgBoxB .column,
.imgBox .column {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}
.imgBox img {
    width: 100%;
    height: auto;
}
.imgBox .cap {
    margin-top: 15px;
    line-height: 1.6;
    font-size: 14px;
}
.movTitle,
.photoTitleB {
    width: 700px;
    margin: 60px auto 0;
}

/*----　作例　----*/
.imgBox .cap .raw {
    display: block;
    position: relative;
    margin-top: 15px;
    padding-left: 1.2em;
    font-weight: 700;
}
.imgBox .cap .raw a:hover {
    text-decoration: underline;
}
.imgBox .cap .raw a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .5em;
    height: .5em;
    margin: auto 0;
    border: 2px solid #ED0003;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    color: #fff;
    transform: translateY(0%) rotate(45deg);
}

.top a {
display: block;
width: 866px;
height: 75px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/top_btn.gif) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
margin: 60px auto 0;
}
.inner {
background: #f4f4f4;
box-sizing: border-box;
width: 100%;
margin: 80px 0 0;
padding: 40px 0;
}
.inner a {
display: block;
width: 930px;
height: 181px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/inn_bnr.webp) no-repeat;
overflow: hidden;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
margin: 0 auto;
}

/*---- bnr:hover ----*/
.top a:hover,
.inner a:hover {
opacity: 0.6;
}


/* --- テーブルの基本設定 --- */
.bank-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    text-align: center;
    min-width: 100%;
}

.bank-table th, 
.bank-table td {
    border: 1px solid #777;
    padding: 8px 10px;
    vertical-align: middle;
}

/* カラム幅の調整（画像に合わせた比率） */
.bank-table th:nth-child(1) { width: 20%; }
.bank-table th:nth-child(2) { width: 20%; }
.bank-table th:nth-child(3) { width: 60%; }

/* 見出し（濃いブルー） */
.bank-table th {
    background-color: #1a3c6d;
    color: #fff;
    font-weight: normal;
}

/* --- グリーン・グループのデザイン --- */
.row-green td {
    background-color: #f1f8f1;
    color: #000; 
}
/* 結合された条件セルの背景色を上書き */
.row-green td.cell-detail-green {
    background-color: #d8eed9;
    color: #000
}

/* --- オレンジ・グループのデザイン --- */
.row-orange td {
    background-color: #fcf4e8;
    color: #000;
}
/* 結合された条件セルの背景色を上書き */
.row-orange td.cell-detail-orange {
    background-color: #fae4c5;
    color: #333;
}

/* --- セクション間の太い境界線 --- */
.border-section-bottom td {
    border-bottom: 1px solid #777 !important;
}

/* --- 結合セル内の小さな注釈--- */
.note-text {
    display: inline-block;
    font-size: 11px;
    color: #555;
    margin-top: 5px;
    text-align: left;
}
/*==============================================
.productBox
============================================= */
#matome .sub {
display: none;
}
#matome .title {
text-align: center;
}
#matome .paragraphIn {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/08_aeonbank/matome_img.webp) right no-repeat;
box-sizing: border-box;
padding-right: 430px;
}
#matome .paragraphIn p {
font-size: 17px;
line-height: 1.9;
}
.productBox {
background: #f4f4f4;
margin-top: 120px;
padding: 100px 0 0;
}
.mainItem a {
background: #fff;
box-sizing: border-box;
display: block;
margin: 0 auto;
width: 930px;
padding: 40px 0 40px 115px;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}

/*==============================================
.note
============================================= */
.note {
width: 930px;
margin: 70px auto -10px;
}
.note li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    line-height: 1.6; 
    margin-bottom: 5px;
    font-size: 13px;
    color: #5b5b5b;
}
.note a {
text-decoration: underline;
}
.mainItem a:hover,
.note a:hover {
opacity: 0.6;
}

/*==============================================
.releasedate
============================================= */
.releasedate {
background: #f4f4f4;
padding: 60px 0 70px;
}
.releasedate span {
display: block;
    font-size: 11px; 
    color: #333;
    width: 930px; 
    margin: 0 auto; 
    text-align: right;
}