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



/*---- 文字　 ----*/
#mainContents .paragraph,
#mainContents .mainTitleWrap,
.productBox,
table th,table td{
font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;}

#mainContents p {
	font-size:  124%;
	line-height: 2;
}

#mainContents .cap{
	font-size: 108%;
	line-height: 1.9;}


#mainContents p + p {
	margin-top: 20px;}

sup {
font-size: 60%;
vertical-align: top;
position: relative;
top: 0.3em;
}


/*==============================================
看板
============================================= */
.mainTitleWrap {
width: 100%;
background-color: #000;
padding-bottom: 85px;
}
.mainTitle {
margin: 0 auto;
padding: 60px 0 0;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/top_bg.jpg) center top no-repeat;
}
h1 {
width: 956px;
height: 550px;
margin: 0 auto;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/pc_title.png) left top no-repeat;
text-indent: -999em;
font-size: 0;
z-index: 1;
}

.lead {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/top_bg02.jpg) center top repeat-x;	
}

.lead p{width: 930px;
margin: 0 auto 0;
padding-top: 65px;
font-size: 17px;
line-height: 1.8;
color: #fff;}

.lead a:link,
.lead a:visited {
color: #339eff;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #339eff;
text-decoration: none;
}


.contentsNavi {
	width: 930px;
	margin: 90px auto 0;
	overflow: hidden;
}

.contentsNavi p,
.contentsNavi ul {
float: left;
}

.contentsNavi p {
	width: 150px;
	text-indent: 999em;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/navi_tit.png) left top no-repeat;	
}

.contentsNavi ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/navi_arrow.png) left 50% no-repeat;
	padding-left: 20px;
	transition: 0.2s ease-in-out;
}

.contentsNavi ul li a:hover{
	color:#4963ff;}

.contentsNavi ul li a span {
	display: inline-block;
	width:  80px;
}

.contentsNavi ul li + li {
	margin-top: 20px;
}

/*==============================================
 バナー
============================================= */

.topbnr a{
display: block;
width: 930px;
height: 120px;
margin: 50px auto;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/top_bnr.png) no-repeat;
overflow: hidden;
transition: 0.2s ease-in-out;}

.topbnr a:hover {
opacity: 0;	}

.topbnr .bnr{
width: 930px;
height: 120px;
margin: 50px auto 0;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/top_bnr_over.png) no-repeat;}

.innerbnr {
	background-color: #000;
	margin-top: 110px;
}

.innerbnr a{
display: block;
width: 930px;
height: 185px;
margin: 0 auto;
text-indent: -9999px;
background:url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/inner_bnr.jpg) no-repeat;
overflow: hidden;
transition: 0.2s ease-in-out;}

.innerbnr a:hover {
opacity: 0.6;	}


/*==============================================
#mainContents
============================================= */
.paragraph {
	margin: 110px auto 0;}

.paragraphIn {
width: 930px;
	margin:90px auto 0;}


.paragraph h2 .icon {
	height: 48px;

	text-indent: -999em;
	display: block;
	margin-bottom: 30px;
}

.paragraph h2 {
	width: 930px;
	margin: 0 auto;
	font-size: 32px;
	line-height: 1.8;
	font-weight: bold;
	text-align: center;
}

#article01 h2 .icon {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/h2_icon01.png) top center no-repeat;}

#article02 h2 .icon {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/h2_icon02.png) top center no-repeat;}

#article03 h2 .icon {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/h2_icon03.png) top center no-repeat;}

#matome h2 .icon {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/h2_icon04.png) top center no-repeat;}

.paragraph h3 {
	margin-top: 90px;
	border-left: #1428a0 5px solid;
	font-size: 26px;
	line-height: 1.7;
	padding-left: 15px;
	font-weight: bold;
}

.paragraph h3 + p{
	margin-top: 50px;}


/* .swiper */

.swiperBox + p {
	margin-top: 90px;
}

.swiperBox .cap {
	margin-top: 15px;
}

.swiperBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 90px auto 0;
    width: 800px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    background: #fff;
    /*border-radius: 40px;*/
    overflow: hidden;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev,
.swiper-container-rtl
.swiper-button-next,
.swiper-button-next,
.swiper-container-rtl
.swiper-button-prev {
    /* 共通ボタン */
    top: auto;
    bottom: 40px;
    width: 80px;
    height: 80px;
    background-size: 80px;
}
.swiper-button-prev,
.swiper-container-rtl
.swiper-button-next {
    /* アウト */
    background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/prev.svg);
	background-size: 60px;
    left: 310px;
    right: auto;
}

.swiper-button-next,
.swiper-container-rtl
.swiper-button-prev {
    /* ズーム */
    background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/next.svg);
	background-size: 60px;
    right: 310px;
    left: auto;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    /* 無効 */
    opacity: 0.6;
}


/*----　画像　----*/
.imgBox.w800 {
	width: 800px;}

.imgBox {margin:90px auto 0;}

.imgBox div {overflow: hidden;}

.imgBox .floatL,
.imgBox .floatR {width:460px;}

.w592{width: 592px;}
.w592 .floatL,
.w592 .floatR{width: 286px;}

.imgBox img {width: 100%;}

.imgBox a {
font-size: 0;
display: block;
cursor: zoom-in;}

.imgBox .cap a {
cursor: default;}

.imgBox a img{
transition: 0.2s ease-in-out;}

.imgBox a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);}

.imgBox .cap a {
	font-size: 100% !important;
	display: inline-block !important;
	color: #5a7ddd;
	text-decoration: underline;}

.imgBox div + .cap,
.imgBox a + .cap{
	margin-top: 15px;}

a.floatL + .cap,
a.floatR + .cap{
	margin-top: 0;}

.imgBox + p {
	margin-top: 90px;
}

/*----　動画 ----*/
.movBox {
width: 800px;
margin: 90px auto 0;
}

.movBox + p{
	margin-top: 90px;
}

.movTit {
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/mov_icon.png)  left top no-repeat;
	background-size: 43px;
	padding-left: 56px;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	min-height: 32px;
}

.mov {
margin-top: 15px;
width: 800px;
height: 450px;
background: #666;
display: table;
margin-bottom:10px;
line-height: 0;
}

.mov.no02 {
margin-top: 15px;
width: 800px;
height: 369px;
background: #666;
display: table;
margin-bottom:10px;
line-height: 0;
}


.movTxt {
display: table-cell;
line-height: 1.3;
color: #fff;
vertical-align: middle;
text-align: center;
}
.movIcon{
color: #000;
margin-bottom: 10px;
}
.movWrap {
display: block;
overflow: hidden;
}



/*==============================================
.productBox
============================================= */
.productBox {
	background-color: #000;
	padding: 145px 0 120px;
	margin-top: 100px;
}

.productBoxIn {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;}

.productBoxIn a {
	width: 450px;
	display: block;
	text-align: center;
	float: left;
	transition: 0.2s ease-in-out;
}

.productBoxIn a:hover {
opacity: 0.6;	}


.productBoxIn .name01,
.productBoxIn .name02{
		width: 325px;
	margin: 0 auto;
	text-indent: -999em;
	height: 105px;
}

.productBoxIn .name01 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/prd_name01.png)  left top no-repeat;
background-size: 317px;}


.productBoxIn .name02 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/04_galaxys24/prd_name02.png)  left top no-repeat;
background-size: 317px;}

.productBoxIn .btn{
	margin: 0 auto;
	border-radius: 45px;
	width: 330px;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 45px;
background: rgb(20,40,160);
	background: linear-gradient(90deg, rgba(20,40,160,1) 0%, rgba(33,107,201,1) 80%);}


/*==============================================
.releasedate
============================================= */
.releasedate {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "MS PGothic", "MS UI Gothic", Helvetica, Arial,;
color: #fff;
font-size: 11px; 
width: 880px; 
margin: 70px auto 0; 
text-align: right;}