@charset "utf-8";

/*-------------------------------------
　ページ基本設定
---------------------------------------*/
.column2R #main {
	float: none;
	width: auto;
}
#lp_page{
	width: 900px;
	color: #333333;
	line-height: 1.6;
	font-size: 14px;
	background-color:#FFF;
	margin: 30px auto;
}

#lp_page div{
	margin:30px 0;
}

.pageTitle {
	background: none;
	font-size: 14px;
	color: #000;
	border-left: solid 4px #FF3300;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight:normal;
}
/*-------------------------------------
　装飾
---------------------------------------*/
.sectionBox {
	margin-bottom: 40px;
}
.campHead {
    font-size: 16px;
}
.campNumber {
	border-bottom: 2px solid #004DA1;
	color: #004DA1;
	font-size: 26px;
	margin-bottom: 20px;
}
#campaign h1{
	font-size: 30px;
	text-align: center;
}
.sectionBox h3 {
	color: #004DA1;
	font-size: 20px;
}
.sectionBox p.kome {
	padding-left: 1em;
}

/*-------------------------------------
　青背景
---------------------------------------*/
.blue_area {
	padding: 30px;
	text-align: center;
	background-color: #004DA1;
}

/*-------------------------------------
　範囲
---------------------------------------*/
#logo_bottom ul{
	width:860px;
	display:flex;
	justify-content: center;
	padding:20px;
	list-style: none;
	text-align: center;
}

#logo_bottom li{
	display: inline-block;
}

.ya{
	width:10%;
}
.ya img{
	position: relative;
	top:50%;

}
.waku{
	border:solid #004DA1 2px;
	border-radius: 20px;
	height:330px;
	width:40%;
	padding:10px;
}

.waku img{
	width:80%;
	padding:10px;
}

.box{
	margin:2px;
}

.fl_right{
	float: right;
}

.fl_clear{
	clear:both;
}

#greenbanner ul{
    width: 810px;
    display: flex;
    justify-content: center;
    list-style: none;
    text-align: center;
}

#greenbanner li{
	display: inline-block;
	margin:2px;
}

.box1{
	width:calc(100% / 2);
}

/*-------------------------------------
　ゲームタイトル
---------------------------------------*/
.sd_game { margin: 30px 0; }
.sd_game .ttl { font-size: 22px; margin:0 auto 20px; text-align: center; border-top: 1px solid #fff;  border-bottom: 1px solid #fff; padding: 5px 0;}
.sd_game .ttl span { margin-left: 1em; font-size: 18px;}
.sd_game .list { width: 612px; margin: 0 auto;}
.sd_game .list li { float: left; margin: 0 10px 10px 0;}
.sd_game .list li:nth-child(3n) { margin: 0 0 10px 0;}


/*-------------------------------------
　サービス
---------------------------------------*/
.setti {padding: 20px;margin: 0px auto 0px;background-color: white;}
.settiTitle {border-bottom: 2px solid #5F9FF9;font-size: 26px;font-weight: bold;margin-bottom: 16px;text-align: center;padding-bottom:15px;}
.setti img {display: block;margin: 0 auto;}
.checkTxt {margin:20px auto 40px 10px; font-size: 16px;}
.settib {border: 25px inset #ff0000;padding: 20px;margin: 0px auto 0px;background-color: black;color:white;}
.settiTitleb {border-bottom: 2px solid #ff0000;font-size: 26px;font-weight: bold;margin-bottom: 16px;text-align: center;padding-bottom:15px;}
.settib img {display: block;margin: 0 auto;}
.checkTxtb {margin:20px auto 40px 10px; font-size: 16px;}

.premium {border: 25px solid #2D6CC6;padding: 20px;margin: 0px auto 0px;background-color: white;}
.premiumTitle {border-bottom: 2px solid #5F9FF9;font-size: 26px;font-weight: bold;margin-bottom: 16px;text-align: center;padding-bottom:15px;}
.premium img {display: block;margin: 0 auto;}

.psg {font-size: 18px;font-weight: bold;margin-bottom: 16px;}


/*-------------------------------------
	画像
---------------------------------------*/

.sectionBox img{
	max-width: 900px;
	height: auto;
}

.entry{
	text-align: center;
	}

/*-------------------------------------
　文字装飾
---------------------------------------*/

.white_text{color:#ffffff;}
.red_text{color: #FF0000;}

.font15{font-size: 15px;}
.font20{font-size: 20px;}
.font30{font-size: 30px;}

.bold{font-weight: bold;}	

	.sp_ver{display:none}

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
	.pc_ver{display:none}
	.sp_ver{display:block}
	
/*-------------------------------------
　ヘッダー
---------------------------------------*/	
#Header {
	min-width: 320px;
}
#Header .inner {
	height: 40px;
	width: 100%;
}
#Header .logo {
	position: static;
}
#Header .logo img {
	height: auto;
	width: 50%;
}
#Header h1,
#Header ul.navi,
#Header .keyword,
#Header .btn,
#Globalnavi,
#headsearchBox,
.leadSection,
.leadSectionInner,
.breadCrumb {
	display: none !important;
}

body {
	min-width: 320px!important;
    width: 100%!important;
}
/*-------------------------------------
　コンテンツ
---------------------------------------*/
#lp_page {
    width: 100% !important;
}
#lp_page img{
	max-width:100%;
}

#logo_bottom ul{
	width:100%;
	display:block;
	text-align: center;
}

#logo_bottom li{
	display: block;
}
	
#greenbanner ul{
	width:100%;
	display:block;
	list-style: none;
	text-align: center;
}
#greenbanner li{
	display: block;
}
.box1{
	width:100%;
}

.waku{
    border: solid #004DA1 2px;
    border-radius: 20px;
    height: auto;
    width: 81%;
    padding: 10px;
}
.ya img{
	transform:rotate( 90deg );
	position: relative;
	left:380%;
}	


#steam img{
	max-width: 100%;
	text-align: center;
}
#otoku_point div{
	margin: 10px 0 !important;
}	

.blue_area {
	padding: 10px;
  text-align:left;
  font-size:14px;
}
	
.sd_game .list {
    width: 50%;
	text-align: center;
	}
.sd_game .list ul{
	width: auto !important;
}
.sd_game .list li { margin: 0 auto 10px;}
.sd_game .list li:nth-child(3n) { margin: 0 auto 10px;}
	
.campNumber {
    font-size: 20px;
	}
/*-------------------------------------
　フッター周り
---------------------------------------*/
#pagetop {
	bottom: 10px;
	right: 10px;
}

.footerTagline {
	margin-bottom: 4px;
	padding: 0% 2%;
	text-align: left;
	font-size: 90%;
	line-height: 140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#footerLinks {
	display: none;
}

.footerTagline,
#footer,
#footerNav2,
#footerLinks #footerLinks_Nav,
#footerLinks #footerLinks_NavParts,
#footerCopy,
#footerCopy p.copyright {
	width: 100%;
	min-width: 100%;
}

#footer {
	padding: 9px 0px 7px 0px;
}

#footerLinks ul {
	float: none;
}

#footerCopy p.copyright a {
	display: block;
	margin-bottom: 7px;
}

#footerLinks ul {
	margin: 12px 0px 0px 5px;
}

#footerLinks ul li {
	display: inline-table;
	width: 45%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#footerLinks ul li.catName,
#footerLinks ul li.noLink {
		width: 90%;
}

#footerNav2 ul {
	margin: 0% 4%;
}

#footerNav2 li {
	display: inline-table;
	width: 49%;
	margin: 0px 0px 9px 0px;
	padding: 0px;
	border-left: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#footerNav2 li:first-of-type {
	margin-bottom: 9px !important;
}

#splink_footer {
	display: none !important;
}

#footerCopy p.copyright {
	text-align: center;
	font-size: 80%;
}

.red_text {
  font-size:16px;
}
.pc_br {
  display: none;
}
	
}/*--レスポンシブ--*/


/*-------------------------------------
　キャンペーン内容①+②
---------------------------------------*/
.camp_detail{
  display:table;
}
.camp_detail ul{
  display:table-row;
}
.camp_detail ul li{
  display:table-cell;
  box-sizing:border-box;
}
.camp_detail ul li.camp{
  width:45%;
  border:2px solid #004da1;
  border-radius:19px;
  padding:18px;
}
.camp_detail ul li.plus{
  width:10%;
  vertical-align:middle;
  font-size:70px;
  font-weight:bold;
  text-align:center;
}
.camp_detail ul li .camp_text{
  
}
.camp_detail ul li .camp_point_table{
  width:100%;
}
.camp_detail ul li .camp_point_table tr td,
.camp_detail ul li .camp_point_table tr th{
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:4px 8px;
}
.camp_detail ul li .camp_point_table tr th{
  color:#fff;
  background-color:#444;
}
.camp_detail ul li .camp_point_table tr:nth-of-type(1) th{
  border-top:1px solid #ccc;
}
.camp_detail ul li .camp_point_table tr td:nth-of-type(1),
.camp_detail ul li .camp_point_table tr th:nth-of-type(1){
  border-left:1px solid #ccc;
}
.camp_detail ul li .camp_point_table tr td:nth-of-type(2){
  font-size:22px;
}
.camp_detail ul li .camp_max_point_text{
  border-bottom:3px double #666;
}
.camp_detail ul li .camp_max_point{
  font-size:37px;
  line-height:1.4;
  margin-top:15px;
  text-align:center;
}
.camp_detail ul li .camp_max_point_wrapper{
  margin:30px 0 0 0;
}
.camp_detail ul li .camp_max_point span.camp_max_point_text_point{
  font-size:47px;
}
.camp_detail ul li .camp_max_point span.camp_max_point_text_point_back{
  font-size:29px;
}
.camp_detail ul li .camp_max_point span.camp_max_point_text_point{
  color:#f00;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
@media screen and (max-width:479px){
  .camp_detail,
  .camp_detail ul,
  .camp_detail ul li{
    display:block;
  }
  .camp_detail ul li.camp,
  .camp_detail ul li.plus{
    width:98vw;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
  }
  .camp_detail ul li.camp{
    padding:5vw;
  }
  .camp_detail ul li .camp_text{
    text-align:left;
  }
  .camp_detail ul li .camp_max_point_text{
    font-size:3.9vw;
  }
  .camp_detail ul li .camp_max_point{
    font-size:9vw;
  }
  .camp_detail ul li .camp_max_point span.camp_max_point_text_point{
    font-size:12.6vw;
  }
  .camp_detail ul li .camp_max_point span.camp_max_point_text_point_back{
    font-size:7.6vw;
  }
}

/*-------------------------------------
　注意事項
---------------------------------------*/
dl.caution {
	text-indent: -1em;
}
dl.caution dd {
	margin-left: 1em;
}
dl.caution dd::before {
    content: "※";
}
#campaign dl.caution {
	font-size: 16px;
	margin-left: 1em;
	margin-top: 0.5em;
}
@media screen and (max-width:479px){
	dl.caution {
	width: 96%;
		margin-left: auto;
		margin-right: auto;
}
}