@charset "utf-8";
/*-------------------------------------

　PSO2推奨モデル

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

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

.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;
}
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;
}
/*-- タイトル画像部分 --*/
.titleImg {
width: 100%;
margin-bottom: 20px;
}
.head_catch {
text-shadow: 0 0 25px #34E5FF, 0 0 20px #34E5FF, 0 0 0.40px #34E5FF;
font-weight: bold;
color: #fff;
font-size: 24px;
text-align: center;
margin: 10px 10px 30px;
line-height: 1.4;
display: flex;
align-items: center;
}
.head_catch:before, .head_catch:after {
content: "";
flex-grow: 1;
height: 2px;
display: block;
}
.head_catch:before {
margin-right: .4em;
background: linear-gradient(-90deg, #34E5FF, transparent);
}
.head_catch:after {
margin-left: .4em;
background: linear-gradient(90deg, #34E5FF, transparent);
}
.pc {
display: block;
}
.sp {
display: none !important;
}
/*-------------------------------------
　バナーの下にテキストを設置する場合は
　sectionBox_b を使ってください
　通常はsectionBoxを使用
---------------------------------------*/
.sectionBox {
margin-bottom: 50px;
overflow: hidden;
}
.sectionBox_b {
background-color: #262a32;
border: 1px solid #7a98b2;
margin-bottom: 10px;
padding: 30px;
overflow: hidden;
}
.code_Txt {
font-size: 18px;
}
.code_Txt2 {
font-size: 28px;
margin: 28px;
text-align: center;
}
.code_Txt span {
color: red;
font-size: 22px;
}
.summary_txt {
text-align: center;
font-size: 18px;
margin-top: 20px;
}
/*-------------------------------------
　ページ内リンク
---------------------------------------*/
.contentsLink {
display: table;
table-layout: fixed;
border-right: 2px solid #1C4480;
width: 100%;
margin-bottom: 20px;
}
.contentsLink a {
background: #030B30;
border-top: 2px solid #1C4480;
border-bottom: 2px solid #1C4480;
border-left: 2px solid #1C4480;
padding: 10px;
color: #fff!important;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
display: table-cell;
width: 25%;
text-align: center;
vertical-align: middle;
text-decoration: none!important;
font-weight: bold;
}
.contentsLink a:hover {
box-shadow: 0px 0px 8px 3px #34E5FF inset;
color: #34E5FF;
}
/*-------------------------------------
　アプリダウンロード
---------------------------------------*/
.stBox {
clear: both;
width: 100%;
margin: 0px auto;
padding-bottom: 37px;
}
.stBox > p {
font-size: 16px;
margin-bottom: 20px;
}
.stBox ul {
overflow: hidden;
margin: 0 auto;
width: 830px;
}
.stBox li {
float: left;
width: 404px;
padding: 0 0px 13px 0px;
background-color: #ffffff;
border-bottom: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
text-align: center;
color: #262a32;
}
.stBox li + li {
margin-left: 20px;
}
.stBox li p {
margin-bottom: 14px;
}
/* STEP1 */
.step1 a {
display: block;
width: 246px;
margin: 0px 79px 13px 79px;
}
.step1 a img {
width: 100%;
}
.step1 h4 {
margin-bottom: 10px;
color: #262a32;
text-align: center;
}
.centerImg {
	margin: 10px auto;
}
/*-------------------------------------
　受け取り方法　ワンソース
---------------------------------------*/
.howto {
vertical-align: middle;
text-align: center;
}
.howto img {
margin: 0 5px;
}
/*-------------------------------------
　見出しバナー設定
---------------------------------------*/

.head_b_t {
background: #000 url(../..//5info/img/pso2/bg_head_b.jpg) no-repeat top;
height: 65px;
margin-bottom: 22px;
}
.head_b_t p {
font-size: 22px;
font-weight: bold;
padding: 21px 0 0 50px;
}
.head_b {
background: #000 url(../..//5info/img/pso2/bg_head_b.jpg) 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/pso2/bg_head_g.jpg) no-repeat top;
height: 45px;
margin-bottom: 15px;
}
.head_g p {
font-size: 18px;
font-weight: bold;
padding: 12px 0 0 50px;
}
/*-------------------------------------
　モデル設定
---------------------------------------*/
.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 22px;
}
/* 価格表記位置 */
.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;
}
/*-------------------------------------
　コンセプト設定
---------------------------------------*/
.concept_cts {
position: relative;
height: 271px;
}
/* リンクボタン位置 */
.btnPosition_a {
padding: 205px 0 0 95px;
}
.btnPosition_b {
padding: 205px 0 0 530px;
}
/* 160317 テキスト表示 */
.concept_cts .conceptTxt01, .concept_cts .conceptTxt02, .concept_cts .conceptTxt03, .concept_cts .conceptTxt04 {
position: absolute;
font-size: 14px;
line-height: 1.6em;
}
.concept_cts .conceptTxt01 {
top: 66px;
left: 8px;
width: 450px;
}
.concept_cts .conceptTxt02 {
top: 74px;
right: 0;
width: 600px;
}
.concept_cts .conceptTxt03 {
top: 63px;
left: 8px;
width: 502px;
}
.concept_cts .conceptTxt04 {
top: 61px;
right: 0;
width: 525px;
}
.concept_cts .conceptTxt05 {
top: 66px;
top: 66px;
width: 450px;
}
.concept_cts p {
margin-top: 5px;
}
/*-------------------------------------
　見出しバナー設定
---------------------------------------*/
.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;
}
/*-------------------------------------
　ml：　margin-left
　mr：　margin-right
　mb：　margin-bottom
　mt：　margin-top
---------------------------------------*/
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.ml22 {
margin-left: 22px;
}
#attention {
border: 2px solid #f00;
margin: 20px 0;
padding: 0 20px;
}
#attention p {
margin-bottom: 20px;
}
#attention .mainTitle {
font-size: 18px;
margin: 20px 0;
text-align: center;
}
/*-------------------------------------
　罫線
---------------------------------------*/

.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;
  /**/
}
/*--------------------------
期間限定キャンペーン実施中！
--------------------------*/
h3.head_camp {
text-align: center;
text-shadow: 0 0 25px #34E5FF, 0 0 20px #34E5FF, 0 0 0.40px #34E5FF;
font-weight: bold;
color: #fff;
font-size: 24px;
line-height: 1.4;
border:none;
	margin-top: 60px;
}
.campImg {
  text-align:center;
  margin: 20px 0;
}
.campImg img {
  width: 90%;
}
.campImg img.campImg01 {
  width: 65%;
}
.campImg a:hover {
  opacity:0.5;
}
.text_camp {
  width:62%;
  margin:0 auto;
  font-size: 120%;
}
.text_camp.text_campSub {
  font-size: 100%;
}
.notice_camp {
  width:62%;
  margin:0 auto;
  font-size: 100%;
}
.text_camp p{
  margin: 25px 0!important;
  line-height: 150%;
}
.notice_camp p:last-child {
	text-indent: -1em;
	padding-left: 1em;
}
span.text_camp01 {
margin: 0 0 30px;
line-height: 140%;
font-size: 140%;
font-weight: bold;
	color:#FF0000;
}
span.text_camp01.underLine {
	text-decoration: underline;
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px) {
/*--------------------------
レスポンシブ対応ヘッダ
----------------------------*/


body {
min-width: 100% !important;
-webkit-text-size-adjust: 100%;
}
#Globalnavi,  #Header #head_navi_menu,  #Header #head_navi_menu_g,  #Header .keyword,  #Header #headsearchBox,  #Header .wishBtn,  #Header .btn,  .leadSection .recomWin_black,  .leadSectionInner {
display: none;
}
#Header,  #Header .inner,  #Header h1 {
width: 100%;
height: auto;
}
#Header {
width: 100%;
min-width: 100%;
overflow: hidden;
border-bottom: 3px solid #fff;
}
#Header .logo {
width: 90%;
position: relative;
top: 0px;
padding: 0px 0px 12px 3px;
}
#Header h1 {
display: none;
}
#container {
width: 100%;
padding-top: 0px !important;
}
#wrapper_premium_member .topicPath,  #wrapper_premium_member .breadCrumb {
display: none;
}
/*--------------------------
レスポンシブ対応フッタ
----------------------------*/
#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;
}
.footerTagline,  #footer,  #footerNav2,  #footerLinks #footerLinks_Nav,  #footerLinks #footerLinks_NavParts,  #footerCopy,  #footerCopy p.copyright {
width: 100%;
min-width: 100%;
font-size: 12px;
}
#footer {
padding: 9px 0px 7px 0px;
}
#footerLinks {
display: none;
}
#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%;
}
body #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%;
}
body #footerCopy {
min-width: 100%;
}
.pageLink {
margin: 0;
padding: 0;
}
/*--------------------------
レスポンシブ対応全体
----------------------------*/

#container {
margin: 0 auto 50px;
}
#lp_page {
width: 98%;
margin: 0 auto;
color: #FFF;
line-height: 1.6em;
background-color: #000;
}
.concept_cts {
height: auto;
}
.sectionBox_b {
padding: 10px;
}
.head_b_t p {
padding: 12px 0 0 10px;
font-size: 14px;
}
.head_b p {
padding: 21px 0 0 10px;
}
.head_g {
display: flex;
align-items: center;
}
.head_g p {
padding: 5px;
line-height: 1.2;
font-size: 16px;
}
.code_Txt {
font-size: 100%;
}
.code_Txt2 {
font-size: 150%;
margin: 28px;
text-align: center;
}
.code_Txt span {
color: red;
font-size: 120%;
}
/*
		.breadCrumb {
			display:none;
		}

		.section {
			margin: 0 -10%;
			padding: 20px 10%;
		}

		.section .boxInside {
			margin: 20px auto;
			overflow: hidden;
			width: 98%;
		}
		.fadein {
			opacity : 1;
			transform : translate(0, 0);
		}

*/
.pc {
display: none !important;
}
.sp {
display: block !important;
}
/*--------------------------
レスポンシブメインタイトル
----------------------------*/
#boxTitle {
padding: 10px 10% 20px;
background-size: 100%;
background-position: 20px 0;
}
#boxTitle .catchCopy {
width: 50%;
text-align: center;
padding: 0;
}
#boxTitle .catchCopy img {
width: 50%;
}
#boxTitle h2 {
font-size: 16px;
}
#boxTitle .subCatch {
font-size: 14px;
}
h3 {
font-size: 24px;
margin: 20px 0 0;
}
.catchText {
font-size: 14px;
display: block;
padding-left: 0;
}
#boxTitle .catchPointBack {
text-align: left;
font-size: 12px;
padding: 5px;
}
/*--------------------------
レスポンシブメニュー
----------------------------*/
#menuListBox {
padding: 0px 2%;
margin: 0 auto;
}
#menuListBox .boxInside {
width: 100%;
}
#menuListBox img {
display: none;
}
#menuListBox .boxInside li {
float: left;
font-size: 14px;
height: auto;
line-height: 250%;
margin: 0;
padding: 0;
width: 50%;
}
#menuListBox .boxInside li.buyBtn a {
padding: 2px 10px;
}
.contentsLink {
display: block;
border-top: 2px solid #1C4480;
border-right: none;
}
.contentsLink a {
border-top: none;
border-right: 2px solid #1C4480;
display: block;
width: 100%;
}
.head_catch {
font-size: 20px;
}
.summary_txt {
font-size: 16px;
line-height: 1.4;
}
.summary_txt img {
width: 100%;
height: auto;
}
/*-------------------------------------
　アプリダウンロード
---------------------------------------*/
.stBox ul {
width: 100%;
}
.stBox {
width: auto;
padding-bottom: 0px;
}
.stBox li {
width: auto !important;
float: none;
margin: 0% 2% 14px 2% !important;
text-align: center;
}
.step1 a {
width: auto;
max-width: 246px;
margin: 7px auto 0px auto;
}
.step1 img[src*="_qr_"] {
display: none;
}
.step1 h4 {
margin-top: 0;
margin-bottom: 0;
}
.howto img[src*="arrow3"] {
display: block;
margin: 15px auto;
transform: rotate( 90deg );
}
/*--------------------------
期間限定キャンペーン実施中！
--------------------------*/
.campImg img {
  width: 100%;
}
.campImg img.campImg01 {
  width: 80%;
}
.text_camp, .notice_camp {
width: 100%;
font-size: 120%;
padding: 0 15px;
box-sizing: border-box;
}
.notice_camp {
  font-size: 100%;
  }
.text_camp p{
  margin: 0 0!important;
  line-height: 150%;
}

}