@charset "shift_jis";
/*==============================================
 common
============================================= */

.anchor_wrapper,
.topbnr span{
display:none;
}
#header {
border-bottom: #ededed solid 1px;
}
.copyRight { border-top: 1px solid #ededed; }
.pageTop {
width: 40px;
height: 40px;
right: 10px;
background-size: 40px;
border-radius: 50%;
}

#footer{
	margin-top: 10px;
}

img {
width: 100%;
height: auto;
}


/*==============================================
 #mainContents
============================================= */
#mainContents{
font-family:'ŸΰƒSƒVƒbƒN Medium', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic Medium', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒS ProN', 'Hiragino Kaku Gothic ProN', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
padding-bottom: 10px;
}

#mainContents b,
#mainContents strong, 
#mainContents .bold{
font-family:'ŸΰƒSƒVƒbƒN Medium', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic Medium', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒS ProN', 'Hiragino Kaku Gothic ProN', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
}

/*----- •ΆŽš -----*/
.paragraph p {
font-size: 1.4rem;
line-height: 1.8;
margin-top: 30px;
}

.paragraph p b{
    background:linear-gradient(transparent 60%, #cee9f4 0%) ;
}

.paragraphIn > p:first-child {
padding-top: 20px;
margin-top: 0;
}
.paragraph .cap {
font-size: 11px;
margin-top: 0px !important;
}

span.caution{
    font-size: 11px;
    display: block;
    margin-top: 10px;
    color: #A0A0A0;
}
sup{
vertical-align:super;
font-size:9px;
}

/*----@paragraph@----*/
.paragraph {
border-top: 1px dotted #B3B3B3;
transition: background-color .2s, border-top-color .2s;
}
.paragraph#article04{
    border-bottom: 1px dotted #B3B3B3;
}
.spAccordion {
display: none;
padding: 0 25px 30px;
}


/*----- h2 -----*/
.paragraph h2 {
display: table;
position: relative;
font-weight: bold;
padding: 22px 25px 20px 24px;
}
.paragraph h2 toggleImg {
display: table-cell;
vertical-align: middle;
width: 70px;
}
.h2_number{
    display: none;
}
.toggleImg{
    width: 128px;
}
.toggleImg img{
    width: 100%;
}

.paragraph h2 span {
color: #2c2b2a;
display: table-cell;
padding: 0 20px 0 10px;
font-size: 1.05rem;
font-weight: bold;
line-height: 1.5;
-webkit-tap-highlight-color:rgba(0,0,0,0);
letter-spacing: 0.01em;
font-feature-settings: "palt" 1;
vertical-align: top;
}
.paragraph h2 span.sub {
color: #2ca3dc;
display: block;
font-size: 1.5rem;
text-decoration: none !important;
line-height: 1.4;
margin-bottom: 3px;
padding: 0 0 0 0;
}
.paragraph h2:after {
content: "";
display: inline-block;
position: absolute;
top: 1px;
bottom: 0;
right: 20px;/*----@Ά‚©‚η‚Μ–ξˆσ‚ΜˆΚ’u@----*/
width: 10px;
height: 10px;
margin: auto;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
border-bottom: 3px solid #1d2088;/*----@–ξˆσ‚̐F@----*/
border-right: 3px solid #1d2088;/*----@–ξˆσ‚̐F@----*/
}
.paragraph.active h2:after {
top: 3px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}


/*==============================================
 ŠΕ”Β
============================================= */
.mainTitleWrap{
    padding: 0 0 3.0rem 0;
}

h1 {
padding-top: 88%;
margin: 0 auto;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_mitsubishi/hero_sp.webp) no-repeat center top;
background-size: 100%;
text-indent: -999em;
font-size: 0;
}

p.lead {
    padding: 1.5rem 2.0rem 0.3rem;
    font-size: 1.4rem;
    line-height: 1.8;
}
p.lead a{
color: #4b6ec9;
}



/*==============================================
 ƒoƒi[
============================================= */

/*----topbnr----*/
.topbnr a,
.productBox .btn{
    display: block;    
    margin: 0 auto;
    background: #2fa9e1 url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_mitsubishi/icon_arrow.webp) no-repeat;
    background-size: 1.5rem;
    background-position: right 1.3rem center;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: bold;
    
    text-align: center;
    border-radius: 50px;
    margin-top: 1.5rem;
}
.topbnr a{
    width: 86%;
    padding: 1.0rem 0;
}
.productBox .btn,
.prdBox_subline .btn{
    width: 90%;
    font-size: 1.0rem;
    padding: 1.2rem 0;
}

.lineup_bnr a{
    width: 100%;
    font-size: 1.2rem;
    padding: 0.9rem 0;
    margin-top: 1.0rem;
}


/*----innerbnr----*/

.innerbnr{
    width: 100%;
    margin: 20px auto 0;
    border: dotted #868483;
    border-width: 1px;
    padding: 1.1rem;
    box-sizing: border-box;
}

.innerbnr a{
    display: block;
    width: 100%;
}

.innerbnr a .item{
    overflow: hidden;
    zoom:0;
}

.innerbnr a .item .img{
    width: 25%;
    float: left;
}
.innerbnr a .item .img img{
    width: 100%;
}
dl.info{
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_mitsubishi/icon_kakaku.webp) no-repeat top left;
    background-size: 60px;
    width: 70%;
    float: right;
    padding-top: 18px;
    margin: 0;
}
dl.info dt.catch{
    font-size: 1.0rem;
}
dl.info dd.name{
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 2px;
}
dl.info dd.name span{
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
}
dl.info dd.btn{
    width: 100%;
    margin: 5px auto 0;
    background: #2fa9e1 url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_mitsubishi/icon_arrow.webp) no-repeat;
    background-size: 12px;
    background-position: right 8px center;
    color: #FFF;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 0.8rem 0;
    text-align: center;
    border-radius: 50px;
}

/*==============================================
.imgBox
============================================= */

.imgBox{
    padding: 0px;
    margin-top: 20px;
    width: 90%;
    margin: 0 auto 25px;
}

p + .imgBox{
    margin-top: 25px;
}
.inbox{
    overflow: hidden;
    zoom: 1;
}



.imgBox .floatL, .imgBox .floatR{
    position: relative;
}


.imgBox img{
    width: 100%;
	font-size: 0;
    margin-bottom: 10px;
}
.imgBox .floatL img, .imgBox .floatR img{
    width: 100%;
	font-size: 0;
}


#mainContents p.cap {
    line-height: 1.6;
    font-size: 1.1rem;
    padding: 0px;
}

#mainContents p.cap span.att{
    font-size: 0.9rem;
    display: block;
    margin-top: 5px;
}

/* ƒLƒƒƒvƒVƒ‡ƒ“@Œ©o‚΅ */

p.captit01{
    background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_mitsubishi/icon_caption.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 28px;
    padding-top: 0.8rem;
    line-height: 1.4;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}


/*==============================================
 .productBox
============================================= */

.productBox{
    background-color: #edf6f9;
    padding: 2.0rem;
}

.productBoxIn{
    width: 100%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 3.0rem 1.5rem 2.3rem;
    box-sizing: border-box;
    border-radius: 30px;
}

p.prd_tit{
    text-align: center;
    position: relative;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 5px auto 35px;
    
}

p.prd_tit span:before{
    content: '';
  display: inline-block;
  width: 84px;
  height: 13px;
  background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_mitsubishi/icon_kakaku.webp);
  background-size: contain;
    background-repeat: no-repeat;
    background-position: right 6px center;
}

/*prdBox_main*/
.prdBox_main{
    width: 100%;
    display: block;
    margin: 0px auto 0;
    padding:10px 0 20px 0;
    background-color: #FFF;
    box-sizing: border-box;
}

.prdBox_main .img{
    width: 50%;
    margin: 0 auto;
}
.prdBox_main .img img{
    width: 100%;
}
.prdBox_main ul.info{
    width: 100%;
    text-align: center;
    margin: 60px 0 0 0;
}
.prdBox_main ul.info li.subTxT{
    font-size: 1.45rem;
    margin-bottom: 10px;
}
.prdBox_main ul.info li.name{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 20px;
}


/*==============================================
.releasedate
============================================= */
.releasedate {
    background-color: #edf6f9;
	font-size: 0.8rem; 
	padding: 0px 25px 20px;
	color: #333;}