@charset "shift_jis";
/*==============================================
common
============================================= */
#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%; }
.sp { display: none; }

/*==============================================
看板
============================================= */
.mainCatch{
background:#01a0ca url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/main_catch.png) no-repeat center center;
width: 100%;
height: 130px;
}
.mainTitle {
width: 930px;
height: 580px;
margin: 0 auto;
position: relative;
}
h1 {
width: 930px;
height: 346px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/main_title.png) center top no-repeat;
position: absolute;
top:54px;
left:0;
margin: 0 auto;
}
.mainImg {
position: absolute;
top:190px;
right:0;
}
h1,
.mainCatch{
text-indent: -999em;
font-size: 0;
z-index: 1;
}
.topbnr a{
background:#fde802 url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow_o.svg) no-repeat top 22px right 20px;
background-size:9px;
width: 340px;
height: 60px;
line-height: 60px;
transition: 0.3s;
display: block;
position: absolute;
top:450px;
left:0;
text-align: center;
border-radius: 50px;
font-weight: bold;
font-size: 16px;
color: #222;
letter-spacing: 0.06em;
}
.topbnr a:hover{
background:#f98100 url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow_w.svg) no-repeat top 22px right 20px;
background-size:9px;
width: 340px;
height: 60px;
line-height: 60px;
transition: 0.3s;
display: block;
position: absolute;
top:450px;
left:0;
text-align: center;
border-radius: 50px;
font-weight: bold;
font-size: 16px;
color: #fff;
letter-spacing: 0.06em;	
}
p.lead {
font-size: 16px;
line-height: 2.0;
color: #000;
width: 930px;
margin: 0 auto 50px;
}
.lead a:link,
.lead a:visited {
color: #01a0ca;
text-decoration: underline;
transition: 0.3s;
font-weight: bold;
}
.lead a:hover,
.lead a:active {
color: #37D2FB;
}
.contentsNavi{
width: 930px;
margin:0 auto 100px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/line.jpg) repeat-x top 6px left 0;
}
.contentsTit {
font-weight: bold;
font-size: 16px;
line-height: 1;
text-align: center;
letter-spacing: 0.3em;
width: 80px;
background: #fff;
margin: 0 auto 45px;
}
.contentsNavi ul{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
padding-left: 10px;
}
.contentsNavi li {
letter-spacing: 0.05em;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow.png) no-repeat center left!important;
background: 16px;
padding-left: 22px;
}
.contentsNavi li + li{
margin-top: 15px;
}
.contentsNavi li a {
font-size: 16px;
line-height: 1.2;
transition:0.3s;
display: block;
}
.contentsNavi .point {
display: inline-block;
font-size: 16px;
font-weight: bold;
width: 250px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/line2.png) no-repeat center right 30px;
}
.contentsNavi li a:hover {
opacity: 0.6;
}
.contentsNavi li b{
background: linear-gradient(transparent 70%, #fef69a 60%);
padding: 0px 1px 0;	
}


/*==============================================
#mainContents
============================================= */
#mainContents {
font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-feature-settings: "palt";
}
.paragraph p {
font-size: 17px;
line-height: 2.0;
margin-bottom: 40px;
letter-spacing: 0.03em;
text-align: justify;
}
.paragraph p.cap,
.paragraph p.cap2 {
font-size: 15px;
line-height: 2.0;
margin-bottom: 0;
}
.paragraph p .marker {
background: linear-gradient(transparent 70%, #ccecf4 60%);
padding: 0px 1px 0;
font-weight: bold;
}
_:-ms-input-placeholder, :root .paragraph p .marker {
background: linear-gradient(transparent 60%, #ccecf4 60%);
vertical-align: -5px;
}
p .name{
padding-left:10px;
color: #00A6D0;
font-weight: bold;
}
.paragraph{
padding:0;
}
.paragraphIn{
width: 930px;
margin: 0 auto;
padding-bottom: 20px;
}
.paragraph h2{
letter-spacing: 0.03em;
}
#article01 h2 {
width: 100%;
background: #01a0ca;
color: #fff;
margin-bottom: 60px;
}
#article01 h2 .h2inner{
width: 930px;
font-size: 37px;
line-height: 1.6em;
font-weight: bold;
margin: 0 auto;
display: block;
padding: 60px 0 45px;
text-shadow: 2px 2px #5F5F5F;
letter-spacing: 0.08em;
}
#article01 h2 .point {
line-height: 1.2;
font-size: 24px;
display: block;
margin-bottom: 15px;
color: #f5fd1d;
text-shadow: 2px 2px #187892;
}


#article02 h2,
#article03 h2{
width: 100%;
height: 325px;
background: #01a0ca;
color: #fff;
margin-bottom: 50px;
}
#article02 h2 .h2inner,
#article03 h2 .h2inner{
width: 930px!important;
height: 325px!important;
margin: 0 auto;
position: relative;
z-index: 10;
display: block;
}
#article02 h2 .txBox,
#article03 h2 .txBox{
font-size: 37px;
line-height: 1.6em;
font-weight: bold;
text-shadow: 2px 2px #515152;
letter-spacing: 0.08em;
z-index: 100;
position: absolute;
top:85px;
}
#article02 h2 .point,
#article03 h2 .point {
line-height: 1.2;
font-size: 24px;
display: block;
margin-bottom: 20px;
color: #f5fd1d;
text-shadow: 2px 2px #187892;
letter-spacing: 0.04em!important;
}
#article02 h2 .point b,
#article03 h2 .point b {
background: linear-gradient(transparent 92%, #f5fd1d 92%);
padding: 0 0px 3px 0;	
margin-left: 4px;
letter-spacing: 0.09em!important;
}
#article02 h2 .h2inner:after {
content: '';
display: inline-block;
width: 575px;
height: 325px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/h2_2_img.png) ;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top:0;
right:-300px;
z-index: 1;
}
#article03 h2 .h2inner:after {
content: '';
display: inline-block;
width: 575px;
height: 325px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/h2_3_img.png) ;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top:0;
right:-300px;
z-index: 1;
}
#article04{
background: #f3f3f4;
padding: 110px 0 1px;
}
#article04 h2 {
width: 930px;
font-size: 30px;
line-height: 1.8em;
font-weight: bold;
margin: 0 auto 60px;
display: block;
letter-spacing: 0.08em;
color: #222;
padding-left: 30px;
box-sizing: border-box;
position: relative;
}
#article04 h2:after{
background-color: #222;
border-radius: 3.5px;
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 7px;
top: 0;
left: 0;
position: absolute;
}
#article04 h2 .point {
display: none;
}
.editor{
background: #fff;
width: 930px;
margin: 0 auto 50px;
padding: 30px;
overflow: hidden;
box-sizing: border-box;
}
.editor img{
width: 220px;
height: 147px;
float: left;
margin: 0 30px 0 0!important;
}
.editor p{
font-size: 13px;
margin-bottom: 0!important;
}
.editor p span{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: block;
}

#article05 h2 {
width: 930px;
font-size: 37px;
line-height: 1.6em;
font-weight: bold;
margin: 0 auto;
display: block;
padding:0 0 45px;
text-shadow: 2px 2px #217c94;
letter-spacing: 0.08em;
color: #fff;
}
#article05 h2 .point {
line-height: 1.2;
font-size: 24px;
display: block;
margin-bottom: 15px;
color: #f5fd1d;
}
#article05 p {
line-height: 2.1!important;
margin-bottom: 30px;	
}
#article05 p span{
display: inline;
padding-bottom: 5px;
border-bottom: 1px dotted #9FD7E5;
}


.innerbnr a {
width: 930px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/bnr.jpg) no-repeat top center;
margin: 0 auto 110px;
height:270px;
transition: 0.3s;
display: block;
position: relative;
}
.innerbnr a .catch,
.innerbnr a .name,
.innerbnr a .img{
display: none;
}
.innerbnr a .btn{
background:#fde802 url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow_o.svg) no-repeat top 17px right 18px;
background-size:9px;
width: 412px;
height: 50px;
line-height: 50px;
transition: 0.3s;
display: block;
position: absolute;
top:183px;
right:50px;
text-align: center;
border-radius: 50px;
font-weight: bold;
font-size: 16px;
color: #222;
letter-spacing: 0.06em;
}
.innerbnr a:hover .btn{
background:#f98100 url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow_w.svg) no-repeat top 17px right 18px;
background-size:9px;
transition: 0.3s;
color: #fff;
}


.titS {
font-size: 24px;
line-height: 1.3;
font-weight: bold;
margin-bottom: 20px;
position: relative;
color: #242424;
padding-left: 20px;
}
.titS:before {
background-color: #01a0ca;
border-radius: 3px;
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 6px;
top: 0;
left: 0;
position: absolute;
}
p + .titS,
p + .imgBox1,
p + .imgBox2,
p + .imgBox3 {
margin-top: 75px;
}
.imgBox1,
.imgBox3 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.imgBox2 {
width: 930px;
margin:0 auto 75px;
}
.imgBox1,
.imgBox3 {
width: 930px;
margin:0 auto 75px;
}
.imgBox1 a,
.imgBox1 div a{
  width: 450px;
}
.imgBox2 a{
  width: 930px;
}
.imgBox3 .imgL{
width: 414px;
}
.imgBox3 .imgR{
width:490px;
}
.imgBox1 a,
.imgBox2 a,
.imgBox3 a{
  display: block;
  cursor: zoom-in;
}
.imgBox1 img,
.imgBox2 img,
.imgBox3 img{
width:100%;
}

/* cap size */
.imgBox1 .cap,
.imgBox1.pair .cap2{
width:450px;
}
.imgBox1.pair .cap,
.imgBox3 .cap,
.imgBox5 .cap{
width:930px;
}
.imgBox2 .cap {
   width:930px;
}
.imgBox4 .cap {
   width:300px;
}
.imgBox1.pair .cap,
.imgBox1.pair .cap2,
.imgBox2 .cap,
.imgBox3 .cap,
.imgBox5 .cap {
margin-top: 15px;
}




/*----　動画 ----*/
video { 
outline: none;
}
.mov {
width: 490px;
height: 276px;
}
.movTxt {
font-size: 13px;
line-height: 1.5;
color: #666;
text-align: center;
}


#article05{
background: #0096bd;
padding-top: 100px;
}
#article05 p{
color: #fff;
}



/*==============================================
.productBox
============================================= */
.productBox{
width: 100%;
margin: 0 auto;
background: #0096bd;
padding: 30px 0 100px;
}
.product{
width: 930px;
margin: 0 auto 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
transition: 0.3s;
}
.product a{
width: 450px;
background: #fff;
border-radius: 5px;
padding: 50px 0;
text-align: center;
}
.product a .img{
width: 390px;
display: block;
margin: 0 auto 20px;
}
.product a .img img{
width: 100%;
}


.product a .catch{
font-size: 16px;
line-height: 1.8;
font-weight: bold!important;
color: #666;
margin-bottom: 15px;
text-align: center;
letter-spacing: 0.03em;
}
.product a .name{
font-size: 27px;
font-weight: bold;
color: #000000;
margin-bottom: 30px;
letter-spacing: 0.03em;
}
.product a .btn{
background:#fde802 url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow_o.svg) no-repeat top 18px right 20px;
background-size:8px;
width: 360px;
height: 50px;
line-height: 50px;
transition: 0.3s;
display: block;
text-align: center;
border-radius: 50px;
font-weight: bold;
font-size: 16px;
color: #222;
letter-spacing: 0.06em;
margin: 0 auto;
}
.product a:hover .btn{
background:#f98100 url(https://img1.kakaku.k-img.com/images/article/tieup/24/03_philips/arrow_w.svg) no-repeat top 18px right 20px;
background-size:8px;
transition: 0.3s;
color: #fff;
}




/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
width: 930px; 
margin: 0 auto; 
text-align: right;
color: #fff;
}