html {
	font-size: 80% !important;
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* -------------------------------------------------- */
@font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;


@media screen and (max-width: 960px)  {
html {
	font-size: calc(50.0% + 0.5vw);
}
.nav-item {
	font-size: 1.4rem;
}
.chara_txt {
	width:80%;
	padding-left: 20%;
}
div#details_text {
	font-size: 1.1rem;
}
}

@media screen and (min-width: 961px)  {
html {
	font-size: calc(80%);
}
.nav-item {
	font-size: 1.4rem;
}
}

body {
	background-image: url(materials/background_image_es.png);
	background-position: center center;
	background-size: cover;
}

table {
	font-size: 1.5rem;
}

h2.featurette-heading {
	font-size: calc(250.0% + 0.9vw);
}

/* header */
#head_area {
	padding-left: 2rem;
}

#head_text {
	text-shadow: 1px 1px 2px #000;
	padding-bottom: 10px;
}

.carousel-caption {
	left: 5%;
	right: 30%;
}

#english {
	font-size: 1rem;
	border-radius: 1em;
	padding: 2px 8px;
}

#navbarCollapse a {
	font-size: small;
	font-weight: bold;
}

/* main */

#portal_bg {
	background-image: url(materials/eschatos_portal_bg.jpg);
	background-position: center;
	background-size: cover;
}

@media screen and (min-width: 1200px) {
	#portal_bg {
		min-height: 600px;
		max-height: 1300px;
}
}


/* Logos */

.Logos {
	padding-top: 2rem;

}

#TitleLogo {
	max-width:70%;
	padding-top:80px;
	padding-bottom:60px;
}

/* Position adjustment */
a.title_area {
	padding-top: 4em;
}
/* Subtitle */
.sub-text {
	font-size: 1.6rem;
	color: maroon;
}

/* feature */
.titlefont_L {
	font-size: 1.2em;
	font-weight: bold;
}

/* youtube */

.youtube_wrapper {
	position: relative;
	width: 100%;
	margin-top: 1rem;
}

.youtube_wrapper:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}

.youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

hr.narrow_border {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	color: #5a5a5a;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
	margin: 1rem 0;
}

/* Landing_info */

#Landing_info_title {
	color: white;
	font-weight: 400;
	text-shadow: rgba(0,0,0) 0px 0px 4px;
}

.Landing_info_bg {
	height: 100%;
	color: #000;
	background-color: rgba(256,256,256,.6);
	padding:1rem;
	/* border-radius: 0.5rem; */
}

#newest > div.col-md-4 {
	margin-bottom: 1rem;
}

.PS4_symbol {
	background-color: #0172ce;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-right: 0.5rem;
}

.Xbox_symbol {
	background-color: #107c10;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-right: 0.5rem;
}

.Steam_symbol {
	background-color: #4c5566;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-right: 0.5rem;
}
.switch_symbol {
	background-color: #e60012;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-right: 0.5rem;
}

.goods_symbol {
	background-color: #ccaa00;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-right: 0.5rem;
}

.event_symbol {
	background-color: #800000;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-right: 0.5rem;
}

.info_symbol {
	background-color: #800080;
	border-radius: 0.5rem;
	color: #fff;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-right: 0.5rem;
}


.info_image {
	float: left;
	padding-bottom: 1rem;
	margin-right: 0.5rem;
}

.press_symbol {
	background-color: #808080;
	color: #fff;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-right: 0.5rem;
}

#news_log {
	height: 130px;
	overflow-y: scroll;
	margin-bottom: 1rem;
}

#news_log > p.lead {
	border-bottom:#808080 1px solid;
}

span.newest_link {
	text-align:right;
}

/* weapons */
.indent {
	font-size: 1.25rem;
	padding-left: 2rem;
}

/* Characters */
.chara_txt {
	font-size: 1.25rem;
	text-align: left;
}

/* details */
div#details_text {
	padding-top: 2em;
}

.xboxlogo {
	text-align: center;
	background-color: #ffffff;
	margin-top: 1rem;
	padding: 20px;
	border: 1px solid #58ab35;
}

.playstationlogo {
	text-align: center;
	background-color: #ffffff;
	margin-top: 1rem;
	padding: 20px;
	border: 1px solid #0172ce;
}

/* SNS icons */
.icons {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

img.iconimg {
	margin-right:10px;
}

/* banner */
#Link_related_banner {
	font-weight: 200;
	font-size: 3rem;
}

/*  */

.boldfont {
	font-size: 1.5rem;
	font-weight: bold;
}

.bigfont {
	font-size: 1.5rem;
}

.smallfont {
	font-size: 1.0rem;
}

.text_center {
	text-align: center;
}

/* Primaryボタンの色 緑 */
.btn-primary_green {
    color: #fff;
    background-color: #107c10;
    border-color: #107c10;
}

.btn-primary_green:hover {
    color: #fff;
    background-color: #1ca01c;
    border-color: #1ca01c;
}

/* Primaryボタンの色 赤2 */
.btn-primary_red2 {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012;
}

.btn-primary_red2:hover {
    color: #fff;
    background-color: #f00;
    border-color: maroon;
}

/* Primaryボタンの色 青 */
.btn-primary_blue {
    color: #808080;
    background-color: #e5f2ff;
    border-color: #cfdae5;
}

.btn-primary_blue:hover {
    color: #808080;
    background-color: #f2f9ff;
    border-color: #cfdae5;
}

/* Primaryボタンの色 青2 (プライマリ青 #003791、セカンダリ青 #0078c8) */
.btn-primary_blue2 {
    color: #fff;
    background-color: #0172ce;
    border-color: #0172ce;
}

.btn-primary_blue2:hover {
    color: #fff;
    background-color: #0281e8;
    border-color: #0281e8;
}

/* Primaryボタンの色 steam */
.btn-primary_steam {
    color: #fff;
    background-color: #4c5566;
    border-color: #738099;
}

.btn-primary_steam:hover {
    color: #fff;
    background-color: #7a96cc;
    border-color: #738099;
}

/* 画像用のポップアップダイアログ */
.modal-dialog {
    max-width: calc(1920px + 1rem);     /* 最大サイズ + padding分 */
}