@charset "utf-8";

/*-------------------------------------
　見出しバナー設定
---------------------------------------*/
.head01 {
	background: linear-gradient(#22898e, #000);
	border: 1px solid #363636;
	margin-bottom: 22px!important;
	padding: 20px 24px!important;
	text-shadow: 1px 2px 4px rgba(0,0,0,0.15);
	color:#E1E1E1;
}
.head01 p {
	font-size: 22px;
	font-weight: bold;
	margin: 0!important;
	padding: 0!important;
	line-height: 1!important;
}

.mt20 {
	margin-top: 20px;
}

/*-------------------------------------
　ナビゲーションボタン※未実装
---------------------------------------*/
.navBtn {
	margin-bottom: 50px;
}
.navBtn li {
    text-align: center;
    margin-right: 22px;
    float: left;
    width: 222px;
    background:linear-gradient(#C2C2C2, #FFFFFF);
    font-size: 20px;
    font-weight: bold;
    padding: 23px 0;
    border: 2px solid #809681;
}
.navBtn li a {
	text-decoration:none;
	color:#333;
	display:block;
}
.navBtn li a:hover {
	opacity:0.7;
}

.navBtn .last {
	margin-right: 0;
}

/*-------------------------------------
　モデル設定※recopc_temp.css上書き
---------------------------------------*/
.model_cts {
	background: url(../../5info/img/game_title/arad/arad_model.jpg) no-repeat;
	border: none;
	color: #111;
}
.model_left  .modelPcImg {
	float: none;
    width: 230px;
    margin: 20px 0 0 50px;
}

/*-------------------------------------
　ゲーム説明
---------------------------------------*/
.sectionBox {
	position: relative;
}
.desc {
	font-size: 17px;
	line-height: 1.4;
	margin-bottom: 60px;
	text-shadow: 2px 3px 1px rgba(0,0,0,0.3);
}
.desc .ctnHead {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 16px;
}
.bg1 {
	background: url(../../5info/img/gm_game_title/bless_ss/bless_ss03.jpg) 40% no-repeat;
	background-size: cover;
}
.bg2 {
	background: url(../../5info/img/gm_game_title/bless_ss/bless_ss02.jpg) 40% no-repeat;
	background-size: cover;
}
.bg3 {
	background: url(../../5info/img/gm_game_title/bless_ss/bless_ss05.jpg) 40% no-repeat;
	background-size: cover;
}
.bgRGBA {
	/*background: rgba(0,0,0,0.7);*/
	background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 1));
	height: 100%;
	padding: 14px 10px;
}

.logoBack img {
    padding: 3px;
    border: 1px solid #FFF;
}
.logoBack p {
    margin-top: 20px;
    font-size: 20px;
}
.DoubleImg {
	display: flex;
    justify-content: space-between;
}

/*-------------------------------------
　スペック
---------------------------------------*/
.specTbl {
    width: 100%;
    margin-bottom: 1.0em;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}
.specTbl th, .specTbl td {
	padding: 0.875em 1.125em;
    border-bottom: 1px solid #333333;
}
.gmBnr {
    margin: 4.0em 0em 1em 0em;
    text-align: center;
}


/*---------------------------------
　特典
-----------------------------------*/
	#tokuten {
		margin: 16px 0;
	}
	#tokuten .mainHead {
		font-size: 18px;
	}
	#tokuten table tbody tr td {
		border: 1px solid #111;
		color: #111;
		padding: 18px;
		vertical-align: middle;
	}
	#tokuten table thead tr th {
		color: #FFFFFF;
		background-color: #323232;
		font-weight: bold;
		padding: 5px;
		text-align: center;
	}
	#tokuten tr td:nth-child(2) {
		text-align: center;
	}
	#tokuten tr:nth-child(odd) {
		background-color: #F0F0F0;
	}
	#tokuten tr:nth-child(even) {
		background-color: #FFFFFF;
	}
	#tokuten td img {
		max-width: 310px;
		height: auto;
		margin-right: 6px;
	}
	#tokuten td img:last-child {
		margin-right: 0;
	}
	#tokuten .textBox {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}


/*---------------------------------
　スマホ対応
-----------------------------------*/

/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px){
	.head01 {
		padding: 16px 10px!important;
	}
	.head01 p {
		font-size: 5vw;
	}
	.DoubleImg {
		display: block;
	}

/*要運用検証*/
	.model_cts {
		background: #c2c2c4;
		background: linear-gradient(to bottom, #c2c2c4 0%,#feffff 100%);
		border: 1px solid #748676;
	}

/*特典*/
	#tokuten .mainHead {
		font-size: 100% !important;
	}
	#tokuten .itemImg img {
		display: none;
	}
	#tokuten table thead tr th {
		font-size: 90%;
	}
	#tokuten table tbody tr td {
		padding:5px !important;
	}
	#tokuten tr td:nth-child(1) {
		width:20%;
	}
	#tokuten tr td:nth-child(2) {
		width:20%;
	}
	#tokuten tr td:nth-child(3) {
		width:20%;
	}
	#tokuten .textBox {
		width: 100%;
	}

	.desc .ctnHead {
		font-size: 6vw;
	}
	.logoBack img {
		padding:0;
		border:none;
	}

	.specTbl th {
		width: 32%;
		padding-right: 0.5em;
	}
	.specTbl th, .specTbl td {
		padding: 0.5em 0.0em;
	}
	/* 特典 */
			#tokuten td img {
			display: inline-block;
			margin: 0 auto 10px;
			max-width: 100%;
		}
		#tokuten td img:last-child {
			margin: 0 auto;
		}

/*------------------------------------*/
}