@charset "utf-8";

/*-------------------------------------

　TERA推奨モデル

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/

.column2R #main {
	float: none;
	width: auto;
}

#lp_page {
	width: 970px;
	margin: 30px auto;
	color: #FFF;
	line-height: 1.6em;
	font-size: 14px;
	background-color:#000;
  overflow: hidden;
}

h2 {
	background: none;
	font-size: 14px;
	color: #FFF;
	border-left: solid 4px #FFF;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight:normal;
}

/*-------------------------------------
　見出し設定
---------------------------------------*/

/*-- h3、h4は依頼内容に合わせて変更してください --*/
h3 {
    border-bottom: 1px solid #000000;
    border-left: 4px solid #036EFF;
    font-size: 115%;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 4px;
}

h4 {
	padding:8px 0 8px 5px;
	border-left:4px #FFF solid;
	border-bottom:1px #FFF solid;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	color:#FFF;
}

/*-- タイトル画像部分 --*/
.title_cts {
    height:500px;
    margin-bottom:5px;
}
.title_cts p {
	padding:425px 0 0 30px;
	width:900px;
}
.copyrightTxt {
	margin-bottom: 22px;
	line-height: 1.3;
	text-align: right;
	font-size: 11px;
}
.copyrightTxt span { margin-left: 20px; }
.copyrightTxt span:first-child { margin-left: 0; }

/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/
.sectionBox {
	margin-bottom:50px;
}
.sectionBox_b {
	background-color:#1e1e1e;
	border:1px solid #9d9d9d;
	margin-bottom:40px;
	padding:30px;
}

/*-------------------------------------
　見出しバナー設定
---------------------------------------*/
.head_b {
	background:#000 url(/5info/img/tera/tera_lp_18.jpg?$staticlink$) no-repeat top;
	height:65px;
	margin-bottom:22px;
}
.head_b p {
	font-size:22px;
	font-weight:bold;
	padding:21px 0 0 50px;
}
.head_g {
	background:#000 url(/5info/img/tera/tera_lp_20.jpg?$staticlink$) no-repeat top;
	height:45px;
	margin-bottom:15px;
}
#lp_page .head_g p {
	font-size:18px;
	font-weight:bold;
	padding:12px 0 0 10px;
	color:#0f0a56;
}

/*-------------------------------------
　モデル設定
---------------------------------------*/
.model_cts {
    height:230px;
    margin-bottom:5px;
}
.pcBanner a {
    display: block;
    text-decoration: none;
}
/* モデル名 */
.modeName {
	font-weight: bold;
	padding: 1px 0 0 25px;
}
/* スペック表記 */
.modelSepc {
	color:#000;
	font-size:16px;
	font-weight:bold;
	padding: 112px 0 0 25px;
}
/* 価格表記位置 */
.model_cts .price {
	padding: 11px 0 0 22px;
}
/* 価格表記 */
.model_cts .pr {
	color: #F00;
	font-size: 39px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -1px;
}
/* 円のサイズ */
.kara {
	color:#F00;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
}
/* (+税)～のサイズ */
.tax {
	color:#F00;
	font-weight: bold;
	font-size: 50%;
	text-decoration: none;
}

/*-------------------------------------
　コンセプト設定
---------------------------------------*/

/* リンクボタン位置 */
.btnPosition_a {
	padding:205px 0 0 95px;
}
.btnPosition_b {
	padding:205px 0 0 530px;
}

/*-------------------------------------
　見出しバナー設定
---------------------------------------*/
.logoBack {
	background-color:#FFF;
	text-align:center;
}
/*-------------------------------------
　ページトップへ追随設定
---------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}
/*-------------------------------------
TERA とは
---------------------------------------*/
#contents_tera{
	background-image:url(/5info/img/tera/tera_lp_29.jpg?$staticlink$);
	width:970px;
	height:643px;
}
#contents_tera img.txt{
	padding:20px 66px;
}
#contents_tera img.info{
	padding:0 360px;
}

/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.ml22 {
	margin-left:22px;
}
.mt10{
	margin-top:10px;
}

/*-------------------------------------
　罫線
---------------------------------------*/

.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 20px;
}

/*-------------------------------------
　clearfix 
---------------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------
　2018.04.24　上書き修正 
---------------------------------------*/
.modeName {
	padding: 50px 0 0 20px;
	color: #000;
	font-size: 28px;
}

.modelSepc {
	padding: 30px 0 0 25px;
}

.kara {
	line-height: 1.1;
}

.pc{display: block;}
.sp{display: none;}

@media screen and (max-width: 479px){
.title_cts p {
	padding:0 !important;
	width:98% !important;
}
.title_cts{
height: auto;
}
#contents_tera{
	background-image:url(/5info/img/tera/tera_lp_29.jpg?$staticlink$);
	width:100%;
	height:auto;
  background-size: contain;
}
.pc{display: none;}
.sp{display: block;}
.ml22{margin: 0;}
}