@charset "utf-8";

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

メイン

---------------------------------------*/
.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	/*width: 750px;*/
	background-color:#FFF;
	color: #333333;
	font-size: 14px;
	margin: 0 auto;
	margin-bottom: 40px;
}
#container h2 {
	background: none;
	font-size: 14px;
	color: #111111;
	border-left: solid 4px #FF3300;
	margin: 0 auto 8px auto;
	padding: 4px 8px;
	font-weight:normal;
}
#container h3 {
	margin-bottom:20px;
}
#container h4 {
	margin-bottom:20px;
	margin-top:20px;
}




/*-------------------------------------
　内容
---------------------------------------*/
.box750 {
/*	width:750px; */
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.box750Blue {
/*	width: 724px; */
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #556FB5;
	padding:10px;
	margin-bottom:30px;
}
.box750 h5,
.box750Blue h5 {
	font-size:24px;
	margin-bottom:15px;
}
.box750Lisit {
	width: 724px;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #556FB5;
	padding:10px;
	margin-bottom:30px;
}
.box750Lisit img {
	float:left;
	margin-right:10px;
}
.box750LisitTxt {
	width:602px;;
	float:left;
}
.box750LisitTxt h5 {
	font-size: 24px;
	color: #556FB5;
	text-align: center;
	border-bottom: 2px solid #556FB5;
	margin-bottom:5px;
}
.partsList li {
	float: left;
	margin-right: 10px;
	width: 172px;
}
.partsList li img,
.partsList .last {
	margin-right: 0;
}
.douga{
 width: 700px;
 border-collapse: collapse;
 }
.douga th{
 width: 25%;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 color: #333;
 background-color: #eee;
 border: 1px solid #b9b9b9;
}
.douga td{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
}
/*-------------------------------------
　装飾
---------------------------------------*/
.txt30 {
	font-size:30px;
}
.txt26 {
	font-size:26px;
}
.txt20 {
	font-size:20px;
}
.txt12 {
	font-size:12px;
}
.txt18B {
	font-size:18px;
	font-weight:bold;
}
.txtCenter {
	text-align:center;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mt30 {
	margin-top:30px;
}

hr.line {
	height: 1px;
	border: none;
	border-top: 1px #999999 solid;
	margin-bottom:30px;
}
.bgorange {
	background-color:#FF7F00;
	font-weight:bold;
	padding:4px;
}
.txtB {
	font-weight:bold;
}
.txtWhiteb {
	color:#FFFFFF;
	font-weight:bold;
}



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

/*-------------------------------------
　ポップアップ　商品画像
---------------------------------------*/

.tw-modal-productImg img {
	width:200px;
}


/*-------------------------------------
　幅調整
---------------------------------------*/
.pagetop {
	width:900px;
	margin: 0 auto;
}

/*-------------------------------------
　ページTOPへ
---------------------------------------*/
#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;
}


/*-------------------------------------
　キャンペーンテキスト制御
---------------------------------------*/

#camp_banner .campbnr_new_note {
	display:none;
}

/*-------------------------------------
160923 追加
---------------------------------------*/

.box750MntLisit {
    border: 3px solid #556fb5;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
   /* width: 724px;*/
}
.box750MntLisit h5{
	border-bottom: 2px solid #556fb5;
    color: #556fb5;
    font-size: 24px;
    margin-bottom: 5px;
    width: 100%;
	text-align: center;
}
#lp_page box750MntLisitTxt .pcSet {
	text-align: center;
}
#lp_page box750MntLisitTxt .alignC {
    text-align: center;
}
#lp_page table.lineup td.detailText {
/*	width: 240px !important;*/
/*	display:inline-table;*/
	padding: 4px 13px;
    vertical-align: top;
}
.lineup {
    margin: 10px 0 30px;
}

.box750MntLisitTxt h5{
	border-bottom: 2px solid #556fb5;
    color: #556fb5;
    font-size: 24px;
    margin-bottom: 5px;
    width: 100%;
	text-align: center;
}
#buy h3 {
    background-color: #00a2e5;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 20px;
    padding: 8px 16px;
}

.monitorArmTxt {
    border: 3px solid #ff0000;
    font-size: 18px;
    margin-top: 30px;
    padding: 15px;
}
/*-------------------------------------
161122 追加
---------------------------------------*/
.armAsterisk {
	font-size:12px;
}



/* ウィンドウ幅が480px〜の場合に適用するCSS
@media screen and (min-width:480px){

#spmenu {
	display:none;

}
}
*/

/* ウィンドウ幅が0〜479pxの場合に適用するCSS
@media screen and (max-width:479px){
 */
/*-------------------------------------
　全体設定
--------------------------------------
body {
	min-width:100% !important;
}
#lp_page {
	margin-top: 10px;
    width: 100%;
}
#headerBody {
	width:98% !important;
}
#headerBody h1.tagLine {
	display:none;
}
#headerBody .head_lead {
	position:static !important;
	text-align: center;
}
#navBot{
	overflow:hidden;
}
#navMid .navMid_right,
#navMid .navMid_center,
#headBtn,
#siteNav,
.head_lead .mobileLink {
	display:none !important;
}
#headsearchBox {
	width:100% !important;
}
#headsearchBox #inputBox {
	width:83%;
}
#headsearchBox #btnBox {
	width:15%;
}
#container, #wrapper {
	width:100% !important;
}
#main img {
	max-width:100%;
	height:auto;
}-*/
/*-------------------------------------
　メイン
---------------------------------------
#container h2 {
	display:none;
}
#container h3{
	font-size: 16px;
}
.txt30 {
	font-size:24px;
}
.txt26 {
	font-size:20px;
}

.campBox .campBoxL {
	width:100% !important;
	padding-left: 0px;
}
.campBox .campBoxR {
	width:100% !important;
	margin-top:10px;
}
.and_box{
	width:100% !important;
	text-align: center;
}

.ios_box{
    width:100% !important;
    text-align: center;
	margin-top:10px;
}
.attention {
	width:98% !important;
}
.attention ul {
	width:96% !important;
	margin-left:auto;
	margin-right:auto;
}
.camp_btn {
	text-align:center;
	margin-left:0px;
}
*/
/*-------------------------------------
　ページTOPへボタン
---------------------------------------
#pagetop {
    bottom: 30px;
    right: 10px;
}
*/
/*-------------------------------------
　キャンペーンポップアップ
---------------------------------------
#fvpop {
	height:auto !important;
    width:90% !important;
}
#fvpop img {
    height:auto !important;
    width:100% !important;
}
*/
/*-------------------------------------
　フッター周り
--------------------------------------
.footerTagline {
	width:100% !important;
}
#footer {
	min-width: 320px;
	padding: 20px 0 10px;
	width: 100% !important;
}
#footerNav2 {
    padding: 0 10px !important;
    width: 100% !important;
}
#footerNav2 ul {
	width: 95%;
}
.siteSwitchLink {
	display:none;
}
#footer .copyright {
	padding-left: 10px;
    width: 100%;
}


}
-*/


/*-------------------------------------
　ページを閉じるボタン
---------------------------------------*/
.closeBtn {
	text-align: center;
}


.closeBtn input {
	background: -moz-linear-gradient(top,#6b83c5 0%,#556fb5);
	background: -webkit-gradient(linear, left top, left bottom, from(#6b83c5), to(#556fb5));
	background: linear-gradient(to bottom, #6b83c5, #556fb5);
	border: 1px solid #DDD;
	border-radius:5px;
	color:#FFF;
	font-weight:bold;
/*	padding: 10px 100px;  */
	text-decoration:none;
/*	font-size:18px;  */
}


.closeBtn input:hover {
	opacity: 0.7;
}


/*-------------------------------------
　ヘッダー、フッター非表示
---------------------------------------*/
.leadSection,
#Globalnavi,
#Header,
.footerTagline,
#footer,
#footerLinks {
	display: none !important;
}

#footerCopy span {
	display: none;
}

#footerCopy {
	text-align: center;
}

#container {
	margin-bottom: 0px;
}

/*-------------------------------------
　動画
---------------------------------------*/

.iframe-content {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ウィンドウ幅が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;
		}




		.txtCenter img{
			width:100%;
		}

		#lp_page {
		    width: 100%;
		}
		/*
		.box750 {
			width:100%;
		}
		.box750MntLisit {
			width: 100%;
		}
		.box750Blue {
			width: 100%;
		}
		*/
		.box750MntLisit h5 {
		    font-size: 17px;
		}

		.box750 h5, .box750Blue h5 {
			font-size: 20px;
			margin-bottom: 15px;
		}

		.concept_cts {
			height:auto;
		}
		.sectionBox_b{
			padding: 10px;
		}
		.head_b_t p {
			padding: 12px 0 0 10px;
		}
		.head_b p {
			padding: 21px 0 0 10px;
		}
		.head_g p {
			padding: 12px 0 0 5px;
		}

		.closeBtn input {
			padding: 13px 24px;
			font-size: 20px;
		}

		.detailText {
			width: 100%;
			display:inline;
		}
		.saleStatement img	{
			text-align:center;
		}

		/*
		.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;
		}
		/*--------------------------
		　レスポンシブメインタイトル
		----------------------------*/
		#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;
		}
		}

/* ウィンドウ幅が480px〜の場合に適用するCSS */
		@media screen and (min-width:480px){
		.sp{
			display:none;
			}
		#lp_page {
		    width: 750px;
		}
		.closeBtn input {
			padding: 10px 100px;
			font-size:18px;
		}
		.detailText {
			width: 45% ;
			display:inline-table;
			margin-left: 20px;
			margin-bottom: 30px;
		}

	/*	.box750 {
			width:750px;
		}
		.box750MntLisit {
			width: 724px;
		}
		.box750Blue {
			width: 724px;
		}
		*/



		}