@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; }

/*==============================================
看板
============================================= */
.mainTitleWrap {
width: 100%;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/main_bg.jpg) center top no-repeat;
}
.mainTitle {
width: 930px;
height: 620px;
margin: 0 auto 20px;
position: relative;
}
.mainCatch,
.mainIcon,
h1 {
text-indent: -999em;
font-size: 0;
z-index: 1;	
}
.mainCatch {
width: 694px;
height: 65px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/main_catch.png) center top no-repeat;
position: absolute;
top:455px;
left:0;
right:0;
margin: auto;
}
.mainIcon {
width: 169px;
height: 169px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/main_icon.png) center top no-repeat;
position: absolute;
top:70px;
left:100px;
}
h1 {
width: 926px;
height: 101px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/main_tit.png) center top no-repeat;
position: absolute;
top:513px;
left:0;
right:0;
margin: auto;
}
.mainItem{
width: 424px;
height: 218px;
position: absolute;
top:173px;
left:0;
right:0;
margin: auto;
}
p.lead{
width: 930px;
margin: 0 auto 40px;
font-size: 17px;
letter-spacing: 0;
line-height: 1.8;
color: #000;
}
.lead a:link,
.lead a:visited {
color: #ce0011;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #F82435;
}
.topbnr {
margin-bottom: 80px;
}
.topbnr .bnr a span {
margin-right: 15px;
font-size: 19px;
}
.topbnr .bnr a{
display: block;
color: #fff;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.05em;
transition: 0.3s;
background: #ce0011;
border-radius: 50px;
height: 60px;
line-height: 62px;
width: 600px;
margin:0 auto;
text-align: center;
position: relative;
padding-right: 15px;
box-sizing: border-box;
}
.topbnr .bnr a:after{
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/arrow.svg);
background-size: contain;
position: absolute;
top:18px;
right:18px;
}
_:-ms-input-placeholder, :root .topbnr .bnr a{
line-height: 72px;
}
.topbnr .bnr a:hover{
opacity: 0.6;
}
.contentsNavi{
width: 930px;
margin: 0 auto 90px;
border-right: 1px solid #a9a7a7;
border-left: 1px solid #a9a7a7;
}
.contentsNaviIn {
overflow: hidden;
}
.contentsNavi p {
font-weight: bold;
font-size: 20px;
width: 70px;
padding: 5px 0 0 130px;
color: #262626;
float: left;
}
.contentsNavi ul{
line-height: 1.5;
width: 600px;
float: right;
padding: 0 100px 0 0;
}
.contentsNavi li {
letter-spacing:0;
background:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/arrow2.svg) no-repeat 0 3px;
background-size: 16px;
padding: 3px 0;
font-weight: bold;
}
.contentsNavi li + li{
margin-top: 10px;
}
.contentsNavi li a {
font-size: 16px;
line-height: 1.0;
transition:0.3s;
padding-left: 23px;
}
.contentsNavi li span {
font-size: 17px;
margin-bottom: 3px;
width: 100px;
display: inline-block;
}
.contentsNavi li:hover {
    opacity: 0.6;
}
.contentsNavi li:nth-child(2) span,
.contentsNavi li:nth-child(3) span,
.contentsNavi li:nth-child(4) span{
color: #ce0011;
}


/*==============================================
#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.1;
    margin-bottom: 40px;
    letter-spacing: 0.03em;
color: #000;
}
.paragraph p.cap{
    font-size: 14px;
    line-height: 2.0;
    margin-bottom: 0;
}
.paragraph{
padding: 100px 0 110px;
width: 100%;
border-top: solid #de0012 7px;
}
.paragraphIn{
width: 930px;
margin: 0 auto;
padding-bottom: 20px;
}
.paragraph h2 {
width: 930px;
margin: 0 auto 60px;
font-size: 42px;
line-height: 1.4;
font-weight: bold;
text-align: center;
color: #000;
}
h2 .point1 {
line-height: 1.2;
font-size: 30px;
display: block;
margin: 0 auto 30px;
color: #de0012;
letter-spacing: 0!important;
}
h2 .point2,
h2 .point3,
h2 .point4{
text-indent: -999em;
font-size: 0;
z-index: 1;	
width: 118px;
height: 76px;
display: block;
margin: 0 auto 30px;
}
h2 .point2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/point2.svg) no-repeat center top;
background-size: 118px;
}
h2 .point3 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/point3.svg) no-repeat center top;
background-size: 118px;
}
h2 .point4 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/point4.svg) no-repeat center top;
background-size: 118px;
}
h2 sup{
font-size: 15px;
vertical-align: 22px;
}
p + .conditions{
margin-top: 70px;
}
.conditions{
width: 780px;
margin: 0 auto 70px;
border: 4px solid #bdb9b0;
border-radius: 10px;
background: #f7f5f0;
padding: 50px 50px 40px;
box-sizing: border-box;
}
.conditions .tit{
font-size: 30px;
color: #000;
position: relative;
text-align: center;
font-weight: bold;
width: 500px;
height: 40px;
margin: 0 auto 50px;
}
.conditions .tit::after{
content: '';
display: inline-block;
width: 25px;
height: 31px;
background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/line.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top:8px;
left:-20px;
}
.conditions .tit::before{
content: '';
display: inline-block;
width: 25px;
height: 31px;
background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/line2.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top:8px;
right:-24px;
}

.conditions li{
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/circle.svg) no-repeat 4px 0;
background-size: 19px;
padding-left: 30px;
color: #de0012;
font-size: 21px;
border-bottom: 1px dotted #b7b6b4;
padding-bottom: 15px;
width: 600px;
margin: 0 auto 15px;
font-weight: bold;
}

.innerbnr a{
width: 866px;
height: 200px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/bnr.jpg);
margin: 0 auto;
}
.innerbnr a{
transition: 0.3s;
width: 866px;
height: 200px;
display: block;
}
.innerbnr a:hover{
opacity: 0.6;
}
.innerbnr .item{
display: none;
}
.titS2 sup{
font-size: 11px;
}
.titS,
.titS2,
.titS3{
font-size: 20px;
line-height: 1.3;
font-weight: bold;
border-left: 5px solid #de0012;
padding-left: 13px;
}
.titS {
margin-bottom: 20px;
}
.titS2 {
width: 840px;
margin: 0 auto 20px;
}
.titS3 {
width: 700px;
margin: 0 auto 20px;
}
p + .titS2,
p + .titS3,
p + .imgBox,
p + .imgBox1,
p + .imgBox2,
p + .imgBox3,
p + .imgBox7 {
margin-top: 60px;
}
p + .imgBox4,
p + .imgBox5 {
margin-top: 50px;	
}
.pair,
.imgBox2,
.imgBox4,
.imgBox6 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.imgBox1{
width: 720px;
margin:0 auto 60px;
}
.imgBox,
.imgBox2,
.imgBox3,
.imgBox7{
width: 864px;
margin:0 auto 60px;
}
.imgBox4{
width: 780px;
margin:0 auto 50px;
}
.imgBox5{
width: 666px;
margin:0 auto 50px;
}
.imgBox6{
width: 630px;
margin:0 auto 50px;
}
.imgBox1 a{
  width:720px;
}
.imgBox2 a,
.imgBox3 a,
.imgBox div a{
  width: 420px;
}
.imgBox4 a{
  width: 380px;
}
.imgBox5 a{
  width: 210px;
}
.imgBox6 div:nth-child(1){
width: 400px;
padding-top: 138px;
}
.imgBox6 div:nth-child(2){
width: 210px;
}
.imgBox7 a{
  width:280px;
}
.imgBox a,
.imgBox1 a,
.imgBox2 a,
.imgBox3 a,
.imgBox4 a,
.imgBox5 a,
.imgBox6 a,
.imgBox7 a{
display: block;
cursor: zoom-in;
border: 1px solid #D5D5D5;
}
.imgBox img,
.imgBox1 img,
.imgBox2 img,
.imgBox3 img,
.imgBox4 img,
.imgBox5 img,
.imgBox6 img,
.imgBox7 img {
width:100%;
padding: 7px;
background: #fff;
box-sizing: border-box;
}

/* cap size */
.imgBox1 .cap{
width:720px;
}
.imgBox2 .cap{
width: 420px;
}
.imgBox4 .cap{
width: 380px;
}
.imgBox .cap,
.imgBox3 .cap,
.imgBox7 .cap{
width:864px;
}
.imgBox5 .cap{
width:666px;
}
.imgBox6 .cap{
width:630px;
}
.imgBox .cap,
.imgBox1 .cap,
.imgBox3 .cap,
.imgBox5 .cap,
.imgBox6 .cap,
.imgBox7 .cap{
margin-top: 15px;
}



p + .columnBox{
margin-top: 90px;
}
.columnBox{
background: #f7f5f0;
padding: 0 70px 30px 70px;
width: 930px;
box-sizing: border-box;
margin-bottom: 80px;
}
.columTit{
font-size: 32px;
line-height: 1.4;
font-weight: bold;
margin-bottom: 60px;
text-align: center;
position: relative;
padding-top: 100px;
}
.columTit::after{
width: 200px;
height: 8px;
content: '';
position: absolute;
top: 0;
left: 0;
right:0;
margin: auto;
background: #de0012;
}
p + .columTit2,
.imgBox5 + .columTit2{
margin-top: 100px;
}
.columTit2{
font-size: 25px;
line-height: 1.4;
font-weight: bold;
margin-bottom: 40px;
text-align: center;
position: relative;
padding-top: 45px;
}
.columTit2::after{
width: 100px;
height: 6px;
content: '';
position: absolute;
top: 0;
left: 0;
right:0;
margin: auto;
background: #de0012;
}
#matome.paragraph{
padding: 100px 0 30px;
width: 100%;
border-top: solid #de0012 7px;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/summary_bg.jpg) repeat-x top left;	
}
#matome.paragraphIn{
width: 930px;
margin: 0 auto;
padding-bottom: 0;
}
#matome.paragraph h2 {
width: 930px;
margin: 0 auto 60px;
font-size: 40px;
line-height: 1.2em;
font-weight: bold;
text-align: left;
color: #000;
letter-spacing: -0.04em;
}
#matome h2 .point5 {
line-height: 1.2;
font-size: 27px;
display: block;
margin-bottom:15px;
color: #de0012;
}


/*==============================================
.productBox
============================================= */
.productBox{
width: 100%;
padding: 0 0 70px;
}
.productBoxIn {
width: 930px;
margin: 0 auto;
}
.product a{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 30px;
transition: 0.3s;
} 
.product a:hover{
opacity: 0.6;
}
.product a .img{
width: 400px;
padding-top: 10px;
}
.product a .info {
width:500px;
text-align: center;
}
.product a .catch{
font-size:21px;
line-height: 1.3;
color: #de0012;
margin-bottom: 18px;
font-weight: bold;
}
.product a .name{
font-size: 42px;
line-height: 1.3;
letter-spacing: -0.04em;
color: #000;
margin-bottom: 27px;
font-weight: bold;
}
.product a .btn{
display: block;
color: #fff;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.05em;
transition: 0.3s;
background: #ce0011;
border-radius: 50px;
height: 58px;
line-height: 60px;
width: 80%;
margin:0 auto;
text-align: center;
position: relative;
box-sizing: border-box;
}
.product a .btn:after{
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image:  url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_ts8630/arrow.svg);
background-size: contain;
position: absolute;
top:18px;
right:18px;
}
_:-ms-input-placeholder, :root .product a .btn{
line-height: 64px;
}
.topbnr .bnr a:hover{
opacity: 0.6;
}
.notes {
font-size: 13px;
line-height:1.8;
display: block;
margin-top: 15px;
color: #000;
}

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