@charset "shift_jis";
/*==============================================
common
============================================= */
.bnr .item,
.forSp {
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%; }

/*==============================================
看板
============================================= */
#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;
	overflow: hidden;
}

/*==============================================
 .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;
}

.mainTitleWrap {
background: #dbebf8;
width: 100%;
padding-top: 28px;
}
.mainTitle {
margin: 0 auto;
}

/*---- .title ----*/
h1 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/title.webp) center top no-repeat;
box-sizing: border-box;
margin: 0 auto;
text-indent: -999em;
font-size: 0;
width: 962px;
height: 622px;
z-index: 1;
}
.lead {
font-size: 16px;
line-height: 31px;
width: 860px;
margin: 5px auto 0;
	letter-spacing: 0.11em;
    font-feature-settings: "palt" 1;
}
.cap a,
.lead a {
transition: .1s;
font-weight: bold;
}
.lead a:link,
.lead a:visited {
color: #1d68e7;
text-decoration: underline;
}


.contentsNavi {
background: #dbebf8;
width:100%;
margin: 15px auto 0;
padding: 35px 0 100px;
}
.contentsNavi ul {
border-left: #99c6ec solid 1px;
box-sizing: border-box;
width: 930px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contentsNavi li a {
width: 192px;
height: 170px;
display: block;
box-sizing: border-box;
transition: 0.3s;
word-break: break-all;
color: #333;
font-size: 13px;
line-height: 1.6;
position: relative;
font-weight: normal;
padding-top: 115px;
}
.menu01 a { background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/menu_01.png) top no-repeat; }
.menu02 a { background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/menu_02.png) top no-repeat; }
.menu03 a { background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/menu_03.png) top no-repeat; }
.menu04 a { background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/menu_04.png) top no-repeat; }
.contentsNavi li {
border-right: #99c6ec solid 1px;
box-sizing: border-box;
padding-left: 20px;
width: 232px;
}
.contentsNavi li a:hover {
opacity: 0.6;
}
.contentsNavi li a img{
margin-bottom: 13px;
}
.contentsNavi li a b {
color: #0071d0;
font-size: 18px;
line-height: 1.2;
display:block;
text-align: center;
padding-bottom:9px;
}

.contentsNavi li a:hover,
.cap a:hover,
.lead a:hover {
opacity: 0.6;
}

.sTxt {
display: block;
font-size: 12px;
line-height: 1.6;
margin-top: 20px;
}
.sTxt li {
margin-bottom: 10px;
}

/*==============================================
bnr
============================================= */
.topbnr {
width: 704px;
margin: 65px auto 0;
}
.topbnr .bnr {
overflow: hidden;
}

.topbnr .bnr a {
display: block;
width: 704px;
height: 72px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/new_bnr_top.png) 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;
}
.topbnr .bnr {
width: 704px;
height: 72px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/new_bnr_top_over.png) no-repeat;
margin: 0 auto;
}

.innerbnr {
background: #dbebf8;
width: 100%;
margin: 100px auto 0;
}
.innerbnr .bnr a {
display: block;
width: 930px;
height: 202px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/new_innbnr.webp) left -1px top 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;
}
.innerbnr .bnr {
width: 930px;
height: 202px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/new_innbnr_over.webp) left -1px top no-repeat;
margin: 0 auto;
}

.bnr a:hover {
opacity: 0;
}
/*==============================================
#mainContents
============================================= */
.paragraph h2 {
box-sizing: border-box;
font-size: 35px;
line-height: 1.4;
letter-spacing: 0.07em;
width: 930px;
margin: 120px auto 0;
padding: 15px 0 10px 130px;
}

b.subTitle01 {
display: none;
}
b.subTitle02 {
 display: block;
 color: #0071d0;
 font-size: 28px;
 font-weight: 500;
 margin-bottom: 5px;
 	letter-spacing: 0.04em;
    font-feature-settings: "palt" 1;
}
b.title01 {
display: block;
font-size: 34px;
font-weight: 500;
	letter-spacing: 0.07em;
    font-feature-settings: "palt" 1;
}
#article01 h2 {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/title01.gif) left center no-repeat;
}
#article02 h2 {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/title02.gif) left center no-repeat;
}
#article03 h2 {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/title03.gif) left center no-repeat;
}

.paragraphIn {
width: 930px;
margin: -10px auto 0;
}
.productBoxIn p,
.paragraph p {
font-size: 17px;
line-height: 2;
margin-top: 70px;
}
.paragraph p + p {
margin-top: 25px;
}

/*---- .imgBox ----*/
.imgBox04,
.logoLine,
.imgBox,
.imgBox02 {
width: 700px;
margin: 70px auto 0;
}
.imgLeftB {
width: 456px;
float: left;
}
.imgRightS {
width: 228px;
float: right;
}
.imgRightS,
.imgRightS dt {
box-sizing: border-box;
text-align: center;
height: 304px;
padding-top: 21px;
}
.logoLine a {
border: #E1E1E1 solid 1px;
box-sizing: border-box;
display: block;
text-align: center;
padding: 25px 0;
}
.imgBox04 a {
border: #E1E1E1 solid 1px;
box-sizing: border-box;
display: block;
text-align: center;
width: 48%;
padding: 25px 0;
float: left;
}
.imgBox04 a + a {
border: #E1E1E1 solid 1px;
box-sizing: border-box;
display: block;
text-align: center;
width: 48%;
padding: 25px 0;
float: right;
}

/*----.imgBoxSp ----*/
.imgBox03,
.imgBoxSp {
width: 515px;
margin: 70px auto 0;
}
.imgBoxSp a {
box-sizing: border-box;
border: #E1E1E1 solid 1px;
display: block;
float: left;
width: 48%;
}
.imgBoxSp a + a {
box-sizing: border-box;
border: #E1E1E1 solid 1px;
display: block;
float: right;
width: 48%;
}
.imgBoxSp .imagesClear p {
float: right;
width: 48%;
margin-top: 0;
}
.imgRightB {
width: 52%;
float: right;
}
.imgLeftS {
box-sizing: border-box;
text-align: center;
width: 228px;
height: 381px;
padding-top: 50px;
float: left;
}

/*---- img共通　----*/
.paragraph p.cap,
.paragraph .cap {
font-size: 14px;
line-height: 1.7;
}
:is(.imgBox, .imgBox02, .imgBoxSp, .imgBox03) :is(img) {
width: 100%;
}
.imgBox04 .imagesClear + p.cap,
.imgBox03 .imagesClear + p.cap,
.logoLine p.cap,
.imgBox02 dd,
.imgBox02 .imagesClear + p.cap,
.imgBoxSp .imagesClear + p.cap,
.imgBox a + p.cap,
.imgBox .imagesClear + p.cap {
margin-top: 15px !important;
}
.imagesClear {
overflow: hidden;
}

.phototTitle {
width: 700px;
margin: 70px auto 0;
}
.phototTitle strong {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/icon.gif) left top no-repeat;
background-size: 35px;
box-sizing: border-box;
font-size: 19px;
padding: 4px 0 5px 45px;
}

/*---- スライド ----*/
.slider {
	margin-left: auto;
	margin-right: auto;
width: 700px;}

#container1,#container2 {
width: 700px;
margin-top: 20px;
}
.w600 {width: 700px;
margin: 10px auto 0;}

/*==============================================
#matome .productBox
============================================= */
/*----　#matome ----*/
#matome h2 {
text-align: center;
padding: 0 !important;
}
#matome h2 b.title01 {
font-size: 28px;
}
#matome h2 b.subTitle02 {
display: none;
}
#matome .paragraphIn {
margin-top: -30px;
padding: 0px 0 100px;
}

/*----　.productBox ----*/
.productBox {
background: #d2e6f6 url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/bg_product.gif) left top repeat-x;
width: 100%;
margin: 0 auto;
}
.productImg a {
display: block;
width: 693px;
height: 539px;
text-indent: -9999px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/new_product.webp) left top 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;
}
.productImg {
width: 693px;
height: 539px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_huawei/new_product_over.webp) left top no-repeat;
margin: 0 auto;
}

.productImg a:hover {
opacity: 0;
}

/*==============================================
.releasedate
============================================= */
.releasedate {
width: 930px;
font-size: 11px; 
margin: 0 auto; 
text-align: right;
padding: 80px 0 120px;
}