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


/*==============================================
ŠÅ”Â
============================================= */
.mainTitleWrap {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/title_bg.webp) center top no-repeat;
padding-top: 55px;
}
/*---- .title ----*/
h1 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_title.webp) left top no-repeat;
margin: 0 auto 45px;
text-indent: -999em;
font-size: 0;
width: 930px;
height: 468px;
z-index: 1;
}

.lead {
font-size: 15px;
line-height: 28px;
width: 930px;
margin: 150px auto 0;
}
.lead + .lead {
margin-top: 15px;
}
.lead a {
transition: .2s;
font-weight: bold;
}
.lead a:link,
.lead a:visited {
color: #5d9cca;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #4386b8;
}
.mainTitle .sTxt {
width: 930px;
margin: 30px auto 0;
text-align: right;
}
.mainTitle .sTxt02 {
display: block;
box-sizing: border-box;
font-size: 13px;
line-height: 1.5;
width: 930px;
margin: 0 auto 20px;
}

.menu {
background: #eff4f7;
width: 100%;
margin: 0 auto;
padding: 60px 0 30px;
}
.menu ul {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/menu_bg.png) left 0 top 50px no-repeat;
box-sizing: border-box;
width: 930px;
margin: 0 auto;
padding-left: 120px;
}
.menu li {
font-size: 14px;
padding: 0 0 10px 28px;
margin-bottom: 13px;
transition: 0.2s;
}
.menu li a b {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/menu_arrow.png) left 0 top -1px no-repeat;
color: #5d9cca;
display: inline-block;
padding-left: 20px;
width: 220px;
}
.menu li:hover {
opacity: 0.7;
}

/*==============================================
bnr
============================================= */
.topbnr {
width: 930px;
margin: 40px auto 95px;
}
.topbnr .bnr a {
display: block;
width: 930px;
height: 165px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_bnrr.webp) no-repeat;
overflow: hidden;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
margin: 0 auto 75px;
}
.topbnr .bnr {
width: 930px;
height: 165px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_bnr_over.webp) no-repeat;
}

.innerbnr {
width: 100%;
margin: 90px auto 130px;
}
.innerbnr .bnr a {
display: block;
width: 930px;
height: 165px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_bnrr.webp) no-repeat;
overflow: hidden;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
margin: 0 auto;
}
.innerbnr .bnr {
width: 930px;
height: 165px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_bnr_over.webp) no-repeat;
margin: 0 auto;
}

.innerbnr a:hover,
.topbnr a:hover {
opacity: 0;
}
/*==============================================
#mainContents
============================================= */

.paragraph {
width: 100%;
padding: 0;
}
.paragraphIn {
width: 930px;
margin: 0 auto;
}
.paragraph h2 {
box-sizing: border-box;
color: #3d3d3d;
width: 930px;
font-size: 34px;
line-height: 1.4;
text-align: center;
margin: 0 auto;
letter-spacing: 0.03em;
font-feature-settings: "palt" 1;
padding-top: 130px;
}
#article01 h2 b {
border-bottom: #5d9cca solid 2px;
color: #5d9cca;
display: block;
font-size: 23px;
font-weight: bold;
width: 255px;
margin: 0 auto 35px;
padding-bottom: 5px;
}
#article02 {
background: #eff4f7;
padding-bottom: 5px;
}
#article02 h2 b {
border-bottom: #5d9cca solid 2px;
color: #5d9cca;
display: block;
font-size: 23px;
font-weight: bold;
width: 280px;
margin: 0 auto 35px;
padding-bottom: 5px;
}
#article03 h2 b {
border-bottom: #5d9cca solid 2px;
color: #5d9cca;
display: block;
font-size: 23px;
font-weight: bold;
width: 300px;
margin: 0 auto 35px;
padding-bottom: 5px;
}
.redtxt {
color: #d98132;
display: block;
font-size: 12px;
line-height: 1.5;
text-indent: -12px;
padding-left: 12px;
margin-top: 20px;
}

.paragraph p {
color: #2c2c2c;
    font-size: 17px;
    line-height: 2;
	margin-top: 65px;
}
.paragraph p b {
    background: linear-gradient(transparent 60%, #f2e3d8 20%);
    font-weight: bold;
}
.paragraph p + p {
	margin-top: 30px;
}
p.cap {
    font-size: 13px;
    line-height: 1.8;
	margin-top: 0;
}
.sTitle {
background: #eff4f7;
padding: 17px 17px 13px;
margin-top: 90px;
}
.sTitle h3 {
box-sizing: border-box;
font-size: 19px;
font-weight: bold;
}
.sTitle + p {
margin-top: 40px;
}
.paragraph .sTxt {
font-size: 10px;
}
p + p.sTxt { margin-top: 15px; }
p.sTxt + p.sTxt { margin-top: 5px; }

/*---- article02 ----*/
:is(.advice01, .advice02) {
border-bottom: #ccdeea solid 1px;
border-top: #ccdeea solid 1px;
padding: 18px 0 15px 130px;
margin-top: 80px;
}
.advice01 { background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/advice01.png) left center no-repeat; }
.advice02 { background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/advice02.png) left center no-repeat; }
:is(.advice01, .advice02) :is(h3) {
color: #689fc7;
font-size: 22px;
line-height: 21px;
font-weight: bold;
}
.advice01 + .txtQ,
.advice02 + .txtQ {
margin-top: 10px;
}
p.txtQ {
line-height: 1.6;
padding-top: 30px;
}
span.dotTxt {
border-bottom: #878787 dotted 1px;
box-sizing: border-box;
display: inline;
}
#article02 p.txtA {
box-sizing: border-box;
font-size: 15px;
line-height: 2.5 !important;
}
#article02 span.commentBox {
background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/faceicon01.png) left 30px top 33px no-repeat;
display: block;
border-radius: 15px;
box-sizing: border-box;
padding: 30px 35px 30px 140px;
}
.fujimuraInfo {
background: #dde9f0 url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/face_img01.png) left top no-repeat;
box-sizing: border-box;
padding: 57px 0 55px 305px;
margin-top: 57px;
}
.fujimuraInfo p {
width: 560px;
font-size: 15px;
line-height: 26px;
margin-top: 0;
}
.fujimuraInfo p strong {
display: block;
border-bottom: #b1bac0 solid 1px;
margin-bottom: 10px;
padding-bottom: 10px;
}
/*---- article03 ----*/
#article03 p.editor01 {
box-sizing: border-box;
font-size: 15px;
line-height: 2.5 !important;
}
#article03 p.editor02 {
font-size: 15px;
line-height: 2.5 !important;
}
:is(.review01, .review02) {
color: #689fc7;
font-size: 24px;
text-align: center;
}
.review01 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/review01.png) center top no-repeat;
margin-top: 95px;
padding-top: 43px;
}
.review02 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/review02.png) center top no-repeat;
margin-top: 110px;
padding-top: 43px;
}
:is(.editorInfo01, .editorInfo02) {
border: #e4e4e4 solid 1px;
box-sizing: border-box;
margin: 40px 0 -5px;
padding: 25px 30px;
}
:is(.editorInfo01, .editorInfo02) :is(p){
margin-top: 0px;
box-sizing: border-box;
font-size: 14px;
line-height: 1.6;
}
:is(.editorInfo01, .editorInfo02) :is(strong){
display: block;
font-size: 14px;
margin-bottom: 10px;
}
.editorInfo01 p {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/face_img02.png) left center no-repeat;
padding: 20px 0 20px 165px;
}
.editorInfo02 p {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/face_img03.png) left center no-repeat;
padding: 20px 0 20px 165px;
}

:is(.editor00, .editor000) {
text-align: center;
font-size: 20px;
line-height: 1.7;
margin-bottom: -5px;
}
.editor00 span {
  background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/icon_dot01.png), url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/icon_dot02.png);
  background-repeat: no-repeat, no-repeat;
  background-position:
    top left,
    bottom right;
	display:  inline-block;
	padding-left: 45px;
	padding-right: 10px;
	font-size: 19px;
}
.editor000 span {
  background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/icon_dot01.png), url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/icon_dot02.png);
  background-repeat: no-repeat, no-repeat;
  background-position:
    top left,
    bottom right;
	display:  inline-block;
	padding-left: 40px;
	padding-right: 45px;
	font-size: 19px;
}
.editor01 span.commentBox {
background: #eff4f7 url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/faceicon02.png) left 30px top 33px no-repeat;
display: block;
border-radius: 15px;
box-sizing: border-box;
padding: 30px 35px 30px 140px;
}
.editor01 span.commentBox02 {
background: #eff4f7 url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/faceicon02.png) left 30px center no-repeat;
display: block;
border-radius: 15px;
box-sizing: border-box;
padding: 30px 35px 30px 140px;
}
.editor02 span.commentBox {
background: #eff4f7 url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/faceicon03.png) left 30px top 33px no-repeat;
display: block;
border-radius: 15px;
box-sizing: border-box;
padding: 30px 35px 30px 140px;
}
.editor02 span.commentBox02 {
background: #eff4f7 url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/faceicon03.png) left 30px center no-repeat;
display: block;
border-radius: 15px;
box-sizing: border-box;
padding: 30px 35px 30px 140px;
}

/*---- img ----*/
.leftBox,
.imgBoxS a,
.imgBox .imagesClear a {
width: 49%;
float: left;
}
.rightBox,
.imgBox .imagesClear a + a {
width: 49%;
float: right;
}
.imgBoxS a + p,
.imgBox a + p {
width: 47%;
float: right;
margin-top: 0px !important;
}

/*---- imgBox05 ----*/
.imgBox05 a {
display: block;
width: 180px;
float: left;
margin-right: 6px;
}
.imgBox05 + .imgBox05 { margin-top: 20px; }

/*---- img‹¤’Ê ----*/
:is(.imgBox, .imgBoxB, .imgBox05, .imgBox02B) {
width: 750px;
margin: 70px auto 0;
}
:is(.imgBox, .imgBoxB, .imgBox05, .imgBox02B) {
margin-top: 60px;
}
:is(.imgBox, .imgBoxB, .imgBox02B) :is(.cap) {
margin-top: 15px;
}
:is(.imgBox, .imgBoxB, .imgBox05, .imgBox02B) :is(img) {
width: 100%;
}
.imagesClear { overflow: hidden; }
.imgLine img {
border: #e4e4e4 solid 1px;
}

/*==============================================
matome
============================================= */
#matome {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/matome_img.webp) center top no-repeat;
padding-bottom: 75px;
}
#matome h2 b {
display: none;
}
#matome h2 {
color: #000;
text-align: left;
font-size: 26px;
line-height: 1.6;
}
#matome .paragraphIn p {
width: 510px;
font-size: 15px;
line-height: 2.1 !important;
margin-top: 25px;
}
#matome .paragraphIn p + p {
margin-top: 15px;
}

/*==============================================
.productBox
============================================= */
.productBox {
background: #eff4f7;
}
.productTitle {
text-align: center;
padding: 95px 0 40px;
}
.productTitle strong {
font-size: 18px;
font-weight: 100;
}
.mainitem a {
display: block;
width: 433px;
height: 538px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/itembox01.png) no-repeat;
overflow: hidden;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
margin: 0 auto;
}
.mainitem {
width: 433px;
height: 538px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/itembox01_over.png) no-repeat;
float: left;
}
.otheritem a {
display: block;
width: 433px;
height: 538px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/itembox02.png) no-repeat;
overflow: hidden;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
margin: 0 auto;
}
.otheritem {
width: 433px;
height: 538px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/itembox02_over.png) no-repeat;
float: right;
}
.mainitem a:hover,
.otheritem a:hover {
opacity: 0;
}
.productBoxclear {
overflow: hidden;
width: 930px;
margin: 0 auto;
}

.productBoxclear2025 {
overflow: hidden;
width: 680px;
margin: 0 auto;
}
.productBoxclear2025 .catch {
text-align: center;
font-size: 15px;
line-height: 1.5;
margin-bottom: 10px;
}
.productBoxclear2025 .name span {
background: #f0f0f0;
display: block;
padding: 5px 0;
font-size: 12px;
text-align: center;
width: 80px;
margin: 0 auto 10px;
}
.productBoxclear2025 .name {
font-size: 18px;
text-align: center;
margin: 0 auto 10px;
}

.mainitem02_2025,
.mainitem2025 {
background: #fff;
display: block;
width: 300px;
border-radius: 15px;
float: left;
margin-right: 15px;
padding-bottom: 30px;
}
.otheritem2025 {
background: #fff;
display: block;
width: 300px;
border-radius: 15px;
float: right;
padding-bottom: 30px;
}

.info2025 {
width: 258px;
margin: 0 auto;
}
.img2025 {
padding: 25px 0 15px;
}
.img2025 img {
width: 100%;
}
.productBoxclear2025 .btn span {
display: block;
width: 258px;
height: 54px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_product_bnr.gif) no-repeat;
overflow: hidden;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
margin: 0 auto;
}
.productBoxclear2025 .btn {
width: 258px;
height: 54px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/07_panasonic/2025_product_bnr_over.gif) no-repeat;
}
.productBoxclear2025 .btn span:hover {
opacity: 0;
}
/*==============================================
.releasedate
============================================= */
.releasedate {
display: block;
font-size: 11px; 
width: 930px; 
margin: 0 auto; 
text-align: right;
padding: 70px 0 100px;
}