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


/*==============================================
看板
============================================= */
#mainContents {
    font-family: "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Arial", sans-serif;
	letter-spacing: 0.05em;
    font-feature-settings: "palt" 1;
}

.mainTitleWrap {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/title_bg.webp) center top no-repeat;
padding-top: 486px;
}
/*---- .title ----*/
h1 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/title.png) left top no-repeat;
margin: 0 auto 50px;
text-indent: -999em;
font-size: 0;
width: 769px;
height: 176px;
z-index: 1;
}

.lead {
font-size: 16px;
line-height: 31px;
width: 930px;
margin: 65px auto 0;
}
.lead + .lead {
margin-top: 15px;
}
.lead a {
transition: .2s;
font-weight: bold;
}
.lead a:link,
.lead a:visited {
color: #0069cb;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #57a3e9;
}
.menu {
background: #f7f7f7;
width: 100%;
margin: 0 auto;
}
.menu ul {
box-sizing: border-box;
width: 930px;
margin: 0 auto;
padding: 25px 0;
}
.menu li {
display: inline-block;
width: 230px;
height: 130px;
box-sizing: border-box;
border-left: #eaeaea solid 1px;
font-size: 15px;
line-height: 1.5;
padding: 15px 25px;
vertical-align: top;
}
.menu li:nth-last-of-type(1) {
display: inline-block;
width: 230px;
height: 130px;
box-sizing: border-box;
border-left: #eaeaea solid 1px;
border-right: #eaeaea solid 1px;
font-size: 15px;
line-height: 1.5;
padding: 15px 25px;
vertical-align: top;
}
.menu li a {
transition: 0.2s;
}
.menu li a b {
display: block;
text-align: center;
font-size: 18px;
margin-bottom: 8px;
}
.menu li a:hover {
opacity: 0.7;
}

/*==============================================
bnr
============================================= */
.topbnr {
width: 930px;
margin: 40px auto 95px;
}
.topbnr .bnr a {
display: block;
width: 930px;
height: 201px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/bnr.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: 201px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/bnr_over.webp) no-repeat;
}

.innerbnr {
background: #f7f7f7;
width: 100%;
margin: 90px auto 0;
padding: 70px 0;
}
.innerbnr .bnr a {
display: block;
width: 930px;
height: 201px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/bnr.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: 201px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/bnr_over.webp) no-repeat;
margin: 0 auto;
}

.innerbnr a:hover,
.topbnr a:hover {
opacity: 0;
}

.txtLink {text-align: center;}
.txtLink a {
	background: #f0f5f9;
	border: #84b9e9 solid 1px;
	border-radius: 3px;
	color: #0070d9;
	display: inline-block;
	font-size: 15px;
	margin: 50px auto 0;
	padding: 15px 30px;
-webkit-transition: .1s ease-in-out;
-moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
transition: .1s ease-in-out;
}
.txtLink a:hover {
	background: #fafbfc;
	border: #d2e5f6 solid 1px;
	border-radius: 3px;
	color: #559bdd;
	display: inline-block;
	font-size: 15px;
	margin: 50px auto 0;
	padding: 15px 30px;
}

/*==============================================
#mainContents
============================================= */

.paragraph {
width: 100%;
padding: 0;
}
.paragraphIn {
width: 930px;
margin: -15px auto 0;
}

:is(#article01, #article02, #article03) :is(h2) {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/bg_h2_b.gif) left top 18px no-repeat;
box-sizing: border-box;
color: #080808;
width: 930px;
font-size: 39px;
font-weight: bold;
    font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.5;
text-align: center;
margin: 130px auto 0;
letter-spacing: 0.1em;
font-feature-settings: "palt" 1;
padding-top: 0;
}

.paragraph h2 b {
display: block;
font-size: 25px;
font-family: "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Arial", sans-serif;
margin: 0 auto 35px;
}
#article01 h2 b {
background: #fff;
display: block;
width: 145px;
}
#article02 h2 b {
background: #fff;
display: block;
width: 90px;
}
#article03 h2 b {
background: #fff;
display: block;
width: 230px;
}

.paragraph p {
color: #151515;
    font-size: 17px;
    line-height: 2;
	margin-top: 65px;
}
.paragraph p + p {
	margin-top: 30px;
}
p.cap {
    font-size: 14px;
    line-height: 1.8;
	margin-top: 0;
}
.sTitle {
margin-top: 90px;
}
.sTitle h3 {
color: #080808;
    display: block;
    line-height: 1.6;
    margin-top: 30px;
    font-size: 25px;
    font-weight: bold;
	text-align: center;
}
.sTitle + p {
margin-top: 40px;
}
.sTitle02 {
text-align: center;
margin-top: 80px;
}
.sTitle02 + .imgBox {
margin-top: 20px;
}
.staffCbg + .imgBox {
margin-top: 100px;
}
.sTitle02 h4 {
font-size: 23px;
font-weight: bold;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
letter-spacing: 0.1em;
font-feature-settings: "palt" 1;
}


/* アニメーション前のスタイル */
.marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #f2e5c8, #f2e5c8); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%; /* '30%'の部分にマーカーの太さを記入 */
  transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}
.columnBox .marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #fff, #fff); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%; /* '30%'の部分にマーカーの太さを記入 */
  transition: all 1s ease-in-out; /* マーカーを引く速度を調整 */
  font-weight: bold; /* ついでに太字にしたい場合 */
}

/* アニメーション発火時 */
.marker.inview {
  background-size: 100% 30%; /* '30%'の部分は上で設定した太さに合わせる */
}

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

/*---- .photoTitle ----*/
.photoTitle + .imgBox02,
.photoTitle + .imgBox {
margin-top: 15px;
}
.movTit strong,
.photoTitle strong {
color: #151515;
font-size: 18px;
}

/*---- img共通 ----*/
:is(.imgBox, .imgBoxB, .photoTitle, .imgBox02) {
width: 750px;
margin: 70px auto 0;
}
:is(.imgBox, .imgBoxB) {
margin-top: 60px;
}
:is(.imgBox, .imgBoxB) :is(.cap) {
margin-top: 15px;
}
:is(.imgBox, .imgBoxB, .photoTitle, .imgBox02) :is(img) {
width: 100%;
}
.imagesClear { overflow: hidden; }
.imgLine img {
border: #e4e4e4 solid 1px;
}

/*----　動画 ----*/
video { 
outline: none;
}
.movTit {
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/mov_icon.png) left top 2px no-repeat;
background-size: 37px;
margin-bottom:15px;
padding-left: 50px;
}
.movBox {
width: 795px;
margin: 70px auto 0;
}
.movBox .mov {
width: 795px;
height: 446px;
margin-bottom:10px;
}
.movTxt {
font-size: 13px;
line-height: 1.5;
color: #666;
text-align: center;
}

/*----　staff ----*/
:is(.staffAbg, .staffBbg, .staffCbg) {
box-sizing: border-box;
padding: 40px 50px 35px 185px;
}
:is(.staffAbg, .staffBbg, .staffCbg) :is(span) {
display: none;
}
.staffAbg {
margin-top: 80px;
}
:is(.staffBbg, .staffCbg) {
margin-top: 30px;
}
:is(.staffAbg, .staffBbg, .staffCbg) :is(p) {
margin-top: 0;
}
.staffAbg {
background: #f8f2e3 url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/staffa.png) left 45px top 35px no-repeat;
}
.staffBbg {
background: #f8f2e3 url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/staffb.png) left 45px top 35px no-repeat;
}
.staffCbg {
background: #f8f2e3 url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/staffc.png) left 45px top 20px no-repeat;
}

/*---- column ----*/
.columnBox {
background: #f8f2e3;
box-sizing: border-box;
margin-top: 95px;
padding: 80px 45px;
}
.columnBoxTitle strong {
display: block;
font-size: 24px;
text-align: center;
}
.columnBoxTitle + p {
margin-top: 30px;
}

/*==============================================
matome
============================================= */
#matome {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/matome_bg.webp) center top no-repeat;
padding-bottom: 400px;
}
#matome h2 b {
display: none;
}
#matome h2 {
box-sizing: border-box;
color: #080808;
width: 930px;
font-size: 39px;
font-weight: bold;
    font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.5;
text-align: center;
margin: 0 auto;
letter-spacing: 0.1em;
font-feature-settings: "palt" 1;
padding-top: 148px;
}
/*==============================================
.productBox
============================================= */
.productBox {
background: #ebebeb;
}
.productTitle {
padding: 140px 0 45px;
text-align: center;
}
.productTitle strong {
font-size: 22px;
font-weight: bold;
font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
letter-spacing: 0.1em;
font-feature-settings: "palt" 1;
}
.productBoxIn {
width: 930px;
margin: 0 auto;
}

:is(.mainItem, .otherItem) {
background: #fff;
box-sizing: border-box;
width: 100%;
padding: 90px 0;
}
.mainItemIn a {
display: block;
width: 666px;
height: 429px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/product_img01.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;
}
.mainItemIn {
width: 666px;
height: 429px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/product_img01_over.webp) no-repeat;
margin: 0 auto;
}
.otherItem {
margin-top: 50px;
}
.otherItemIn a {
display: block;
width: 666px;
height: 423px;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/product_img02.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;
}
.otherItemIn {
width: 666px;
height: 423px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/08_tiger/product_img02_over.webp) no-repeat;
margin: 0 auto;
}
.otherItemIn a:hover,
.mainItemIn a:hover {
opacity: 0;
}

.notes {
margin: 60px 0 0;
}
.notes li {
font-size: 10px;
margin-bottom: 10px;
}

/*==============================================
.releasedate
============================================= */
.releasedate {
display: block;
font-size: 11px; 
width: 930px; 
margin: 0 auto; 
text-align: right;
padding: 70px 0 130px;
}