@charset "shift_jis";
/*==============================================
common
============================================= */
.bnrIn .item,
.sp,
.spTitleImg {
    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%; 
}
/*==============================================
 .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 {
    font-family: "noto", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", "Arial", sans-serif;
	letter-spacing: 0.08em;
    font-feature-settings: "palt" 1;
}
.mainTitle {
    width: 100%;
    background: #f2f2f2;
    margin: 0 auto;
}
.h1Box {
    background: #919191 url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/new_title_bg.webp) center top no-repeat;
	padding: 479px 0 40px;
	margin-bottom: 60px;
}
h1 {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/title.webp) center top no-repeat;
    width: 891px;
    height: 233px;
    text-indent: -999em;
    font-size: 0;
	margin: 30px auto 0;
    z-index: 1;
}
.lead {
width: 930px;
font-size: 15px;
line-height: 1.7;
margin: 0 auto;
}
.lead a:link,
.lead a:visited {
    color: #0073e9;
}
.lead a:hover,
.lead a:active {
    color: #699dfc;
}
.menu {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 90px;
	margin-top: 70px;
}
.menu ul {
    overflow: hidden;
    width: 930px;
    margin: 0 auto;
}
.menu li a {
    box-sizing: border-box;
    display: block;
    color: #fff;
    width: 225px;
    height: 233px;
    font-size: 11px;
    line-height: 1.6;
    float: left;
    padding: 135px 15px 0 15px;
    -webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.menu li b {
    display: block;
    font-size: 19px;
    font-weight: normal;
	letter-spacing: 0.05em;
    font-feature-settings: "palt" 1;
    margin-bottom: 3px;
}
.menu01 a {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/menu01.jpg) center top no-repeat;
    margin-right: 10px;
}
.menu02 a {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/menu02.jpg) center top no-repeat;
    margin-right: 10px;
}
.menu03 a {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/menu03.jpg) center top no-repeat;
    margin-right: 10px;
}
.menu04 a {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/menu04.jpg) center top no-repeat;
}

.menu li a:hover {
opacity: 0.7;
}
/*----　pointBox　----*/
.point {
    background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/menu_txt.gif) center left no-repeat;
	background-size: 200px;
	box-sizing: border-box;
width: 630px;
margin: 65px auto 0;
padding: 40px 0 25px 250px;
}
.point li {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/menu_icon.png) center left no-repeat;
	font-size: 20px;
	margin-bottom: 15px;
	padding-left: 25px;
}

/*==============================================
#mainContents
============================================= */
.paragraph p {
color: #202020;
font-size: 18px;
line-height: 1.9;
margin-top: 70px;
}
.paragraph p + p {
margin-top: 20px;
}
.lead em,
.paragraph p em {
    background: linear-gradient(transparent 75%, #dfdfdf 30%);
    font-weight: bold;
    font-style: normal;
}
/*----　h2 ----*/
#article01 h2 { background: #f5f5f5 url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/title01.webp) center top no-repeat; }
#article02 h2 { background: #f5f5f5 url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/title02.webp) center top no-repeat; }
#article03 h2 { background: #f5f5f5 url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/title03.webp) center top no-repeat; }
#matome h2 { background: #f5f5f5 url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/title04.webp) center top no-repeat; }

h2 span {
color: #000;
display: block;
font-size: 35px;
font-weight: normal;
line-height: 45px;
width: 930px;
margin: 0 auto;
padding: 20px 0 16px;
}
h2 span b {
border: #9e9e9e solid 1px;
display: inline-block;
font-size: 23px;
font-weight: normal;
line-height: 1.5;
padding: 0 10px 2px;
margin-bottom: 10px;
}
.mainTxtBox {
background: #f2f2f2;
text-align: center;
width: 735px;
margin: 70px auto -10px;
padding: 20px 0 10px;
}
.mainTxtBox span {
display: block;
font-size: 19px;
margin-bottom: 10px;
}
/*----　h3 ----*/
.paragraphIn h3 {
background: #333333;
color: #fff;
display: inline-block;
font-size: 25px;
padding: 3px;
}
.h3Box {
text-align: center;
margin: 100px 0 -25px;
}
/*----　h4 ----*/
.h4Box {
text-align: center;
margin-top: 80px;
}
.h4Box h4 {
font-size: 22px;
font-weight: normal;
line-height: 1.5;
}
/*----　h5 ----*/
.h5Box {
margin-top: 50px;
}
#article03 .h5Box {
width: 650px;
margin: 50px auto 0;
}
.h5Box h5 {
font-size: 17px;
font-weight: bold;
}
/*----　sTxt ----*/
p.sTxt {
font-size: 12px;
}
span.sTxt {
display: block;
font-size: 12px;
margin-top: 5px;
}

/*----　imgBox　----*/
.sTitle,
.imgBox {
    margin-top: 70px;
}
.imgBox {
    margin-top: 70px;
}
.sTitle + .imgBox {
    margin-top: 20px;
}
.h4Box + .imgBox,
.h4Box + .imgBoxUn {
    margin-top: 35px;
}
.h5Box + .imgBox {
    margin-top: 20px;
}
.imgBoxUn {
width: 296px;
margin: 0 auto;
}
.imgBoxB {
width: 100%;
margin-bottom: -25px;
}
h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.imgBox .column {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}
.imgBoxUn img, .imgBoxB img, .imgBox img, .imgBoxWaku img,
.imgBox .column img, .imgBox .column video {
    width: 100%;
    height: auto;
}
.imgBoxWaku .cap,
.imgBoxB .cap,
.imgBox .cap {
    margin-top: 15px;
    line-height: 1.6;
    font-size: 14px;
}
.imgBox .column .cap {
    margin-top: 0px;
    line-height: 1.6;
    font-size: 14px;
}
.imgBoxS {
display: table;
width: 684px;
margin: 70px auto 0;
}
.imgBoxS img {
display: table-cell;
width: 367px;
height: 550px;
vertical-align: bottom;
}
.imgBoxS p.cap {
display: table-cell;
    line-height: 1.6;
    font-size: 14px;
	margin: 0;
	padding-left: 25px;
vertical-align: bottom;
}
.imgBox:has(> .column:only-of-type > a:only-of-type) > .cap {
  padding-left: 138px;
  padding-right: 138px;
}
/* columnが1つのとき：画像を80％・中央配置 */
.imgBox > .column:only-of-type > a:only-child,
.imgBox > .column:only-of-type > img:only-child {
    flex: 0 1 80%;
    width: 70%;
    max-width: 70%;
}
.imgBox > .column:only-of-type > a:only-child img {
    width: 100%;
}
.imgBoxWaku {
margin: 20px 0 0;
}
.imgBoxWaku,
.imagesClear {
overflow: hidden;
}
.imgBoxWaku dl,
.imagesClear a {
float: left;
width: 49%;
}
.imgBoxWaku dl + dl,
.imagesClear a + a {
float: right;
width: 48%;
}
.imagesClear a + p.cap {
float: right;
width: 49%;
margin-top: 0;
}
.imgBoxB strong,
.imagesClear strong {
display: inline-block;
font-size: 17px;
margin-bottom: 15px;
}
/*==============================================
.productBox
============================================= */
.paragraphIn {
width: 930px;
margin: 0 auto;
}

/*----　columnBox　----*/
.columnBox {
border: #949494 solid 1px;
box-sizing: border-box;
margin-top: 90px;
padding: 80px 60px 60px;
}
.columnBox h3 {
display: block;
background: #fff;
color: #000;
text-align: center;
margin-bottom: -25px;
}
.columnBox h4 {
  background-color: #f2f2f2;
  font-size: 20px;
  font-weight: normal;
  margin-top: 70px;
  padding: 8px 0;
}
.columnBox h4 + p {
margin-top: 30px;
}
.columnBox .imgBox {
margin-top: 40px;
}
.columnBox h4 span {
  background-color: #333333;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  padding: 8px 10px;
}
.outsideLink {
margin: 40px 0 0;
padding-bottom: 20px;
}
.outsideLink a {
display: block;
text-align: center;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}

.outsideLink img {
width: 90%;
}

/*----　#matome　----*/
#matome .paragraphIn {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/matome_img.webp) right center no-repeat;
box-sizing: border-box;
padding-right: 385px;
}
#matome p {
font-size: 16px;
line-height: 2;
}
#matome p strong {
display: block;
font-size: 25px;
font-weight: normal;
line-height: 1.4;
margin-bottom: 25px;
}
/*==============================================
lineup
============================================= */
#lineup {
background: #f2f2f2;
margin-top: 110px;
padding-top: 110px;
}
.productBoxIn dl {
width: 670px;
margin: 0 auto;
}
.productBoxIn dt {
margin-bottom: 30px;
}
.productBoxIn .catch {
font-size: 15px;
margin-bottom: 15px;
}
.productBoxIn .name {
font-size: 20px;
padding-bottom: 20px;
}
.productBoxIn dd {
text-align: center;
}
.productBoxIn dd span {
display: block;
width: 634px;
height: 48px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/product_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: 0 auto;
}
/*==============================================
.bnr
============================================= */
.top {
margin: 40px 0 0;
}
.top a {
display: block;
width: 930px;
height: 77px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/top_bnr.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: 0 auto;
}
.inner {
margin: 70px 0 110px;
}
.inner a {
display: block;
width: 930px;
height: 206px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/26/07_palook/bnr.jpg) 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,
.outsideLink a:hover,
.productBoxIn dd span:hover,
.inner a:hover {
opacity: 0.6;
}

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