@charset "utf-8";
@media screen and (max-width:640px) {
	* {
		box-sizing: border-box;
	}
	/*===============
各ページヘッダー画像
	================*/
	#contentsTit {
		position: relative;
		height: 42.25vw;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		left: 0%;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	#contentsTit:after {
		padding-top: 45%;
		/*←calcノンサポート用に残しつつ*/
		padding-top: calc(56.25vw - 50px);
		/*← 追加 */
		display: block;
		content: "";
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		margin: 0 auto;
		position: fixed;
		top: 180px;
		top: 87px;
		left: 0px;
		z-index: 0;
		width: 100%;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	#contentsTit img {
		width: 100%;
		position: fixed;
		top: 40px;
	}
	html {
		overflow-x: hidden;
	}
	#pankuzu {
		display: none;
	}
	#onlyPc, .onlyPc, .onlyPC {
		display: none!important;
	}
	.clearfix02 {
		display: inline-table;
		min-height: 1%;
		overflow: visible;
	}
	body {
		line-height: 1.6;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 13px;
		color: #333;
		background: #FDFDFC;
		-webkit-text-size-adjust: 100%;
		max-width: 640px;
		overflow-x: hidden;
		position: relative;
		left: 0%;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	a {
		text-decoration: none;
		color: #333;
	}
	/*===============
	a:hover {
		color: #C77D23;
	}
	================*/
	#headInner {
		width: 100%;
		height: 100vh;
		background: #412c27;
		margin: 0 auto;
		position: relative;
	}
	#headInner h1 {
		position: fixed;
		left: 0;
		top: 0;
		-webkit-transition: .3s ease;
		transition: .3s ease;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		z-index: 99;
	}
	#wrap .visible {
		display: block;
	}
	#wrap .hidden {
		left: -130px;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	/*===============
	ハンバーガーメニュー項目
	================*/
	#ralsMenu {
		display: block;
		content: "";
		text-indent: -9999px;
		background: url(../../common/img/img_spmenu_01.png) no-repeat 10px;
		background-size: 143px 9px;
		height: 50px;
		background-position-x: 14px;
	}
	#head {
		position: fixed;
		top: 0;
		-webkit-transition: .3s ease;
		transition: .3s ease;
		right: -100%;
		width: 100%;
		z-index: 99;
	}
	#wrap .headAlign {
		position: fixed;
		top: 0;
		z-index: 99;
		-webkit-transition: .3s ease;
		transition: .3s ease;
		margin-right: 0;
		right: 0%;
	}
	#head .menuBtnsSp01 {
		float: left;
		position: absolute;
		left: -63px;
	}
	#head #headInner {
		float: right;
		width: 85%;
		padding-bottom: 40vw;
	}
	#head .menuBtnsSpOn {
		height: 50px;
		background: #412c27;
		width: 15%;
		left: 0;
	}
	.menuBtnsSp01 span {
		display: block;
		content: "";
		text-indent: -9999px;
		background: url(../../common/img/btn_spmenu_01.png) no-repeat center 14px;
		width: 100%;
		height: 16vw;
		background-size: 17px;
		-webkit-transition: .3s ease;
		transition: .3s ease;
		margin-right: 8px;
		min-width: 60px;
	}
	#wrap .mBS01On {
		background: url(../../common/img/icon_spmenu_04.gif) no-repeat center 14px;
		min-width: 30%;
		height: 36px;
		right: 200px;
		position: static;
		padding-bottom: 100vh;
		background-size: 18px;
		-webkit-transition: .6s ease;
		transition: .6s ease;
		margin: 0 auto;
	}
	.menuBtnsSp02 {
		top: 100px;
		left: 0;
	}
	.menuBtnsSp {
		position: absolute;
		left: 0;
		top: 0;
	}
	#over {
		width: 100vw;
		display: block;
		content: "";
		width: 100%;
		height: 100vh;
		top: 0;
		right: -100vw;
		background: none;
		position: fixed;
		-webkit-transition: .3s ease-out;
		transition: .3s ease-out;
	}
	#wrap .over_color {
		display: block;
		content: "";
		width: 100%;
		height: 100vh;
		background-color: rgb(102, 102, 102);
		opacity: 0.8;
		position: fixed;
		top: 0;
		left: 0;
		right: none;
		z-index: 99;
		-webkit-transition: .3s ease-in;
		transition: .3s ease-in;
	}
	#wrap.index {
		z-index: 2;
	}
	.menuBtnsSp03 {
		position: relative;
		z-index: 99;
		color: aliceblue;
		text-align: right;
		padding: 18px 18px 0 0;
		font-size: 16px;
	}
	.scrollstop {
		overflow: visible;
		position: fixed;
		height: 100%;
		left: -69%;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	#wrap .scrollstop02:after{
left: -69%;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	/*
	#products.scrollstop03{
left: -69%;
		-webkit-transition: .6s ease;
		transition: .6s ease;
	}*/
	.navlogo {
		display: none;
	}
	#spHeading {
		height: 50px;
		width: 100%;
		position: fixed;
		top: 0;
		background: #fff;
		padding-left: 17px;
		left: 0;
		-webkit-transition: .3s ease;
		transition: .3s ease;
		z-index: 99;
		border-bottom: 0.3vw solid #f8f8f5;
	}
	#spHeading a {
		position: fixed;
		top: 17px;
		z-index: 98;
		display: block;
		content: "";
		background: url('//contents.rals.biz/assets/common/img/rals/rals_logo.png') no-repeat center;
		width: 100%;
		max-width: 80px;
		background-size: contain;
		padding-top: 4%;
		margin: 0 auto;
	}
	#wrap .mainMenuVw {
		width: 100%;
	}
	#mainMenu ul {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border: #666 1px solid;
		cursor: pointer;
	}
	#mainMenu li {
		background: #FAFAF6;
		width: auto;
		height: auto;
		line-height: 50px;
		text-align: left;
	}
	#mainMenu>li, .navEX {
		border-top: 1px solid #DBDAD0;
	}
	.nav04 dt img {
		display: none;
	}
	#nav .subMenu {
		display: block;
	}
	#nav .subMenu dl dt {
		width: auto;
		margin-top: 0;
		text-align: center;
		float: none;
		position: static;
	}
	#nav .subMenu dl dd {
		float: none;
	}
	.subMenu dd a:before {
		display: block;
		content: "";
		width: 4px;
		height: 48px;
		margin: 0 10px;
		background: url(../img/icon_spmenu_03.gif) no-repeat 50% 50%;
		background-size: 4px 7px;
		-webkit-background-size: 4px 7px;
		display: block;
		float: left;
	}
	.defanone {
		display: none;
	}
	#wrap .headerover {
		width: 75vw;
		background: #412c27;
		height: 100vh;
		display: block;
		overflow: scroll;
	}
	.navEX {
		background: #f2f2f2;
		width: auto;
		height: auto;
		line-height: 50px;
		text-align: left;
		padding-left: 4.5vw;
	}
	#mainMenu .navEX+li .defanone02 {
		display: none;
	}
	.navEX span {
		width: auto;
		height: auto;
		line-height: 50px;
		text-align: left;
	}
	body #mainMenu .servicesArea .twoRows:nth-child(2) {
		text-indent: 0px;
	}
	.servicesArea, .nav04, .nav06 {
		background: #fff;
	}
	.servicesArea dt img {
		display: none;
	}
    .nav06 {
        position: relative;
    }
    .nav06 dt img {
		display: none;
	}
    .releaseBalloon {
        display: none !important;
    }
    .columnLink .updateLabel:after {
        display: none !important;
    }
    .columnLink .updateLabel {
        width: 47px;
        height: 19px;
        margin-left: 15px;
        font-size: 10px;
        font-weight: 500;
        line-height: 19px;
        color: #624239;
        text-align: center;
        float: none;
        display: inline-block;
        background: #F7E800;
    }
    .nav06 .updateTxt {
        padding-left: 5px;
        color: #D83939;
    }

    .ico_new {    
        width: 30px;
        height: 20px;
        margin-left: 10px;
        color: #5F3F39;
        font-size: 10px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        background: #F7E800;
        float: none;
        display: inline-block;
    }
	.spBtn01 span, .spBtn02 span, .spBtn03 span, .spBtn04 span, .spBtn06 span, .navEX span {
		font-size: 8px;
		font-weight: bold;
		color: #D6AC12;
		float: right;
		display: block;
	}
	.spBtn01 span:after, .spBtn02 span:after, .spBtn03 span:after, .spBtn04 span:after, .spBtn06 span:after, .navEX span:after {
		content: "";
		width: 9px;
		height: 50px;
		margin-left: 15px;
		background: url(../img/icon_spmenu_01.gif) no-repeat 50% 50%;
		background-size: 4px 6px;
		-webkit-background-size: 4px 6px;
		display: block;
		float: right;
		padding-right: 10px;
	}
	.navEX span:after {
		content: "";
		width: 9px;
		height: 50px;
		margin-left: 15px;
		background: url(../img/icon_spmenu_02_on.gif) no-repeat 50% 50%;
		background-size: 8px 4px;
		-webkit-background-size: 8px 4px;
		display: block;
		float: right;
		padding-right: 10px;
	}
	.navEX.navEXClose span:after {
		content: "";
		width: 9px;
		height: 50px;
		margin-left: 15px;
		background: url(../img/icon_spmenu_02_off.gif) no-repeat 50% 50%;
		background-size: 8px 4px;
		-webkit-background-size: 8px 4px;
		display: block;
		float: right;
		padding-right: 10px;
	}
	#mainMenu li a {
		width: 100%;
		display: block;
		padding-left: 20px;
	}
	#mainMenu .navContact {
		padding: 14px 14px 10px;
	}

	#mainMenu .navContact a {
		width: auto;
		height: 50px;
		margin: 0 auto;
		padding: 0;
		line-height: 49px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		background: #E97313;
		display: block;
		color: #fff;
		border-radius: 3px;
	}
  #mainMenu .trialLink {
    padding-bottom: 0px;
  }
  #mainMenu .trialLink a {
    height: auto;
    line-height: 24px;
    padding: 10px 0;
    border-bottom: 3px solid #C56619;
  }
  #mainMenu .trialLink a span {
    display: block;
    font-size: 18px;
  }

  #mainMenu .trialLinks {
    background: #E97213;
  }
  #mainMenu .trialLinks .trialBoxTitle {
    height: 28px;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #fff;
  }
  #mainMenu .trialLinks .trialBoxTitle span {
    color: #FDEE00;
    margin-right: 10px;
  }
  #mainMenu .trialLinks .eachTrial {
    border-radius: 5px;
    max-width: 270px;
    margin: 5px auto 10px;
    text-align: center;
    height: 105px;
    font-size: 16px;
    position: relative;
    border-bottom: 4px solid #EAE2D4;
  }
  #mainMenu .trialLinks .eachTrial::before {
    content: '';
    position: absolute;
    top: 47%;
    right: 20px;
    width: 9px;
    height: 9px;
    border-top: 3px solid #E97313;
    border-right: 3px solid #E97313;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #mainMenu .trialLinks .eachTrial a {
    display: block;
    height: 106px;
    font-size: 15px;
    font-weight: 500;
    background: none;
    padding: 0;
  }
  #mainMenu .trialLinks .rengotaiTrial {
    background: url(../../common/img/sp/btn_spmenu_rengotai.png) no-repeat 50% 20px, #fff;
    background-size: 150px;
  }
  #mainMenu .trialLinks .flDemoTrial {
    background: url(../../common/img/sp/btn_spmenu_format_line.png) no-repeat 50% 18px, #fff;
    background-size: 150px;
  }
  #mainMenu .trialLinks .eachTrial .explanation {
    position: absolute;
    color: #4B433D;
    bottom: 14px;
    width: 100%;
    height: 20px;
    line-height: 20px;
  }

  /* 資料DL */
  #mainMenu .brochureLink {
    border: none;
    padding: 15px;
  }
  #mainMenu .brochureLink a {
    border: 1px solid #DACFBA;
    box-shadow: 0 -4px 0 0 #EAE2D4 inset;
    background: #F9F4E6;
    color: #4B433D;
  }
  #mainMenu .menuInfoBox {
    text-align: center;
    padding: 15px 0 0;
  }
  #mainMenu .menuInfoBox h4 {
    font-size: 15px;
    font-weight: bold;
  }
  #mainMenu .menuInfoBox p {
    font-size: 12px;
  }
  #mainMenu .menuInfoBox a {
    padding-left: 0;
  }
  #mainMenu .menuInfoBox img {
    width: 200px;
    display: block;
    margin: 12px auto 0;
  }
  #mainMenu .contactLink {
    padding-left: 10px;
  }
  #mainMenu .contactLink p {
    position: relative;
    display: inline-block;
    margin-right: 5px;
  }
  #mainMenu .contactLink p::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    vertical-align: middle;
    left: 4px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #mainMenu .contactLink a:hover {
    opacity: 0.7;
  }

	.navHover {
		overflow: auto;
		max-height: 300px;
	}
	.add {
		margin-top: -100px;
		padding-top: 100px;
	}
	/*===============
	footer
	================*/
	#foot {
		padding-top: 33px;
		background: #FAFAF6;
	}
	#footContentsBnr {
		padding-top: 40px;
		border-bottom: 2px solid #4B332C;
		background: #FDFDFC;
	}
	.fCbnr a img {
		display: none;
	}
	.fCbnr02_01, .fCbnr02_02 {
		margin-bottom: 10px;
	}
	.fCbnr02_01 a {
		display: block;
		content: "";
		background: url(../../img/bg_footbnr_04_2x.png) no-repeat center;
		width: 100%;
		max-width: 580px;
		background-size: contain;
		padding-top: 26%;
		margin: 0 auto;
	}
	.fCbnr02_02 a {
		display: block;
		content: "";
		background: url(../../img/bg_footbnr_01_1_2x.png) no-repeat center;
		width: 100%;
		max-width: 580px;
		background-size: contain;
		padding-top: 26%;
		margin: 0 auto;
	}
	.fCbnr02_03 a {
		display: block;
		content: "";
		background: url(../../img/bg_footbnr_02_2x.png) no-repeat center;
		width: 100%;
		max-width: 580px;
		background-size: contain;
		padding-top: 26%;
		margin: 0 auto;
	}
	#foot {
		border-top: 2px solid #4B332C;
		padding-top: 10%;
		background: #FAFAF6;
		position: relative;
		z-index: 1;
	}
	#footMenu {
		width: 100%;
		margin: 0 auto;
		padding: 0 10.93755%;
		/*===============
		0 35px
		================*/
	}
	#footMenu li {
		height: 12.5vw;
		/*===============
		40px
		================*/
	}
	#footMenu li:first-child, #footMenu li:last-child {
		float: left;
		width: 56%;
	}
	#footMenu li:nth-child(2), #footMenu li:nth-child(3) {
		float: right;
		width: 44%;
	}
	#footMenu li a {
		font-size: 4.0625vw;
		/*===============
		13px
		================*/
	}
	#foot #footContact {
		position: absolute;
		left: 0;
		right: 0;
		margin: 28.125% 10.93755% 0;
		/*===============
		90px 35px 0
		================*/
	}
	#foot #footContact a {
		width: 100%;
		height: 15.625vw;
		line-height: 15.625vw;
		text-align: center;
		letter-spacing: 1.2px;
		font-size: 4.375vw;
		/*===============
		14px
		================*/
		font-weight: bold;
		color: #FFF;
		background: #E97313;
		display: block;
	}
	#footLogo {
		margin: 0 10% 30px;
	}
	#footLogo a img {
		display: none;
	}
	#footLogo a {
		display: block;
		content: "";
		background: url(//contents.rals.biz/assets/common/img/rals/rals_logo.png) no-repeat left;
		width: 100%;
		max-width: 522px;
		background-size: 48%;
		padding-top: 6%;
		margin: 0 auto;
	}
	#footLogo a span {
		text-align: right;
		display: block;
		font-size: 3.6vw;
		padding: 0 0 10px;
	}
	/*===============
	main
	================*/
	#footContact_01, #footContact_01+a {
		display: none;
	}
	#snsList:after {
		display: block;
		content: "";
		height: 1px;
		background: #E3E0D7;
		width: 100%;
		margin: -12% auto 0;
		position: absolute;
		left: 0;
		right: 0;
	}
	#snsList {
		display: -webkit-box;
		/*===============
		--- Androidブラウザ用 ---
		================*/
		display: -ms-flexbox;
		/*===============
		--- IE10 ---
		================*/
		/*===============
		--- safari（PC）用 ---
		================*/
		display: flex;
		-webkit-box-pack: justify;
		/*===============
		--- Androidブラウザ用 ---
		================*/
		-ms-flex-pack: justify;
		/*===============
		--- IE10 ---
		================*/
		/*===============
		--- safari（PC）用 ---
		================*/
		justify-content: space-between;
		position: relative;
		margin: 12% auto 30px;
		width: 90%;
		max-width: 490px;
	}
	#snsList li a {
		display: block;
		text-align: center;
	}
	#snsList li a img {
		width: 12vw;
		height: 12vw;
	}
	#copyright {
		text-align: center;
		padding-bottom: 30px;
	}
	#copyright small {
		font-size: 3.4375vw;
		color: #999;
	}
	#snsList li:last-child {
		margin-right: 40px;
	}
	#snsList li:nth-child(2) {
		margin: 0 22px;
	}
	#snsList li:first-child {
		margin-left: 40px;
	}
	#main {
		z-index: 8999;
	}
	#sideContactBar {
		left: 0%;
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	#main .mainAlign {
		left: -69%;
	}
	/*===============
	#sideContact
	================*/
	#sideContact {
		display: none;
	}
	#sideContactBar {
		width: 100%;
		/*height: 224px;*/
		/*===============
		padding-top: 25px;
		================*/
		text-align: center;
		border-radius: 3px 3px 0 0;
		/*===============
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		================*/
		position: fixed;
		/*===============
		right: 40px;
		================*/
		bottom: 0;
		z-index: 99;
	}
	#sideContactBar .sideContact02 {
		margin-top: 18px;
	}
	#sideContactBar #sideContactBtn {
		margin: 16px;
	}
	/*===============
フッター
	================*/
	#main {
		position: relative;
		z-index: 1;
	}
	/*===============
	#footLinkArea
	================*/
	/*===============
	一部のフッター上部で使用
	================*/
	#footLinkArea {
		padding: 4.6875% 0 9%;
		position: relative;
		z-index: 1;
	}
	#footLinkArea h2 {
		display: none;
	}
	/*===============
	ラルマネページのみ仕様が異なりタイトル付き
	================*/
	#rmLinkArea #footLinkArea {
		padding-top: 6.25%;
	}
	#rmLinkArea #footLinkArea h2 {
		display: block;
		padding-top: 23.4375%;
		padding-top: calc( (75% / 320) * 100);
		background: url(../img/sp/tit_ralkoArea_2x.png) no-repeat 50% 0;
		background-size: contain;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		height: 0;
	}
	#linkContainer {
		padding: 0 4.6875%;
	}
	#linkContainer a {
		display: block;
		content: "";
		padding-top: 36.21%;
		padding-top: calc( (105% / 290) * 100);
		background: no-repeat 50%;
		background-size: contain;
		text-indent: -9999px;
		height: 0;
		margin: 0 auto 3.45%;
	}
	#linkContainer a:first-child {
		background-image: url(../img/sp/forRengotai_2x.png);
	}
	#linkContainer a:nth-child(2) {
		background-image: url(../img/sp/forOrderLine_2x.png);
	}
	#linkContainer a:last-child {
		background-image: url(../img/sp/forFormatLine_2x.png);
		margin-bottom: 0;
	}
  #MagazineLinkContainer {
	z-index: 1;
    padding: 0 4.6875%;
    margin: -5% 0 5%;
    position: relative;
	}
	#MagazineLinkContainer a {
		display: block;
		content: "";
		padding-top: 36.21%;
		background: no-repeat 50%;
		background-size: contain;
		text-indent: -9999px;
		height: 0;
		margin: 0 auto 3.45%;
	}
  #MagazineLinkContainer a {
		background-image: url(../img/sp/bnr_ralmaga_02.png);
		margin-bottom: 0;
	}
	/*===============
  spSideContactBar
	================*/
	#spSideContactBar {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #FAFAF6;
	}
	.sideContact01 a img, .sideContact02, #sideContactBtn {
		display: none;
	}
	#spSideContactBarTop a {
		display: block;
		content: "";
		background: url(../img/sp/sp_official_form/rengo_logo.png) no-repeat 20.3vw 6.5vw;
		background-size: 57vw;
		position: relative;
		height: 17vw;
		margin: 0 auto;
	}
	#spSideContactBarBotom {
		display: -webkit-box;
		display: -ms-flexbox;
		/*display: flex;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	#spSideContactBarBotom p:first-child a {
		display: block;
		content: "";
		background: url(../img/sp/sp_official_form/to_form.png) no-repeat 0vw 1vw;
		background-size: 47vw;
		position: relative;
		height: 18vw;
		margin: 0 auto;
		width: 50vw;
	}
	#spSideContactBarBotom p:last-child a {
	display: block;
	content: "";
	background: url(../img/sp/sp_official_form/ralsnet_tel.png) no-repeat 3vw 1vw;
	background-size: 45.5vw;
	position: relative;
	height: 20vw;
	width: 50vw;
	}
	#btn {
		width: 9vw;
		height: 9vw;
		text-indent: 20vw;
		border-radius: 15vw;
		border: none;
		background: #624239 url(../img/ico_close_01.png) no-repeat 2.75vw 2.8vw;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		right: 4vw;
		top: -4vw;
		background-size: 3.8vw;
	}

	#regotai #btn,
	#orderline #btn,
	#formatline #btn{
	display: none;
	}
	#sideContactBar {
		box-shadow: 0 -1vw 3vw -2vw rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 -1vw 3vw -2vw rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 -1vw 3vw -2vw rgba(0, 0, 0, 0.5);
	}
	/*===============
	===============
  連合隊について、オーダーライン、フォーマトライン、ラルズマネージャ―共通
================
	================*/
	#regotai #btn, #formatline #btn, #orderline #btn {
		right: 3vw;
		top: -5vw;
	}
	#regotai #spSideContactBar, #formatline #spSideContactBar, #orderline #spSideContactBar {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: rgba(250, 250, 246, 0.70);
	}
	#regotai #spSideContactBarTop a, #formatline #spSideContactBarTop a, #orderline #spSideContactBarTop a {
		display: none;
	}
	#regotai #spSideContactBarBotom div:nth-child(2), #formatline #spSideContactBarBotom div:nth-child(2), #orderline #spSideContactBarBotom div:nth-child(2) {
		display: none
	}
	#regotai #spSideContactBarBotom, #formatline #spSideContactBarBotom, #orderline #spSideContactBarBotom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*Safari*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		border-top: 0.1vw solid #e3e3e3;
	}
	#regotai #spSideContactBarBotom p:last-child a, #formatline #spSideContactBarBotom p:last-child a, #orderline #spSideContactBarBotom p:last-child a {
		height: 18vw;
	}
	#regotai #spSideContactBarBotom p:first-child a, #formatline #spSideContactBarBotom p:first-child a, #orderline #spSideContactBarBotom p:first-child a {
		background: url(../img/sp/sp_official_form/to_form_02.png) no-repeat 1vw 2.5vw;
		background-size: 45.5vw 12.5vw;
		height: 18vw;
		margin: 0 auto;
		width: 49vw;
	}
	#regotai #spSideContactBarBotom p:last-child a, #formatline #spSideContactBarBotom p:last-child a, #orderline #spSideContactBarBotom p:last-child a {
		background: url(../img/sp/sp_official_form/ralsnet_tel_02.png) no-repeat 2.5vw 2.5vw;
		background-size: 47vw;
		height: 16vw;
		margin: 0 auto;
		width: 50vw;
	}
	.brochureArea {
		padding: 1vw;
		background: #fff;
	}
	.brochure {
		background: white;
		width: 90vw;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 2vw;
		margin: 0 auto;
		box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0vw 0vw 2vw rgba(0, 0, 0, 0.3);
		border-radius: 2vw;
	}
	.brochure p:nth-child(2) a {
		display: block;
		content: "";
		background: url(../../common/img/sp/sp_official_form/inq_tel_2x.png) no-repeat center 0vw;
		background-size: 80vw;
		position: relative;
		height: 30vw;
	}
	#formatline .contactBox_01 {
		display: none;
	}
	/*===============
	===========
  資料請求項目:フォーマットライン
  ============
	================*/
	#formatline .brochureDocumentTop, #formatline .brochureRengotaiBottom {
		display: none;
	}
	#formatline .brochure p:first-child .brochureRengotaiTop {
		display: block;
		content: "";
		background: url(../img/sp/sp_official_form/inq_talk_2x.png) no-repeat center;
		background-size: 82vw;
		position: relative;
		height: 26vw;
	}
	#formatline .brochure p:last-child .brochureRengotaiBottom {
		display: block;
		content: "";
		background: url(../../common/img/sp/sp_official_form/inq_form_03_2x.png) no-repeat center 2vw;
		background-size: 80vw;
		position: relative;
		height: 29vw;
	}
	#formatline #contactArea02 {
		display: none;
	}
	/*===============
	===========
  資料請求項目:オーダーライン
  ============
	================*/
	#orderline .brochureDocumentTop, #orderline .brochureRengotaiBottom {
		display: none;
	}
	#orderline .brochure p:first-child .brochureRengotaiTop {
		display: block;
		content: "";
		background: url(../img/sp/sp_official_form/inq_talk_2x.png) no-repeat center;
		background-size: 82vw;
		position: relative;
		height: 26vw;
	}
	#orderline .brochure p:last-child .brochureRengotaiBottom {
		display: block;
		content: "";
		background: url(../../common/img/sp/sp_official_form/inq_form_03_2x.png) no-repeat center 3vw;
		background-size: 80vw;
		position: relative;
		height: 29vw;
	}
	#orderline #contactArea02 {
		display: none;
	}
	/*===============
	===========
  資料請求項目:連合隊
  ============
	================*/
	#regotai .brochureDocumentTop, #regotai .brochureRengotaiBottom {
		display: none;
	}
	#regotai .brochure p:first-child .brochureRengotaiTop {
		display: block;
		content: "";
		background: url(../img/sp/sp_official_form/inq_talk_2x.png) no-repeat center;
		background-size: 82vw;
		position: relative;
		height: 26vw;
	}
	#regotai .brochure p:last-child .brochureRengotaiBottom {
		display: block;
		content: "";
		background: url(../../common/img/sp/sp_official_form/inq_form_03_2x.png) no-repeat center 0vw;
		background-size: 80vw;
		position: relative;
		height: 25vw;
	}
	#regotai #contactArea02 {
		display: none;
	}
	/*===============
	各製品サービスフッター資料請求ボタン削除用
	================*/
	#formatline #footContact, #orderline #footContact, #regotai #footContact {
		display: none;
	}
	#formatline #snsList, #orderline #snsList, #regotai #snsList {
		margin: 15vw auto 30px;
	}
	/*===============
	nobodyContainer
	================*/
	#nobody {
		height: 35vw;
		position: relative;
		display: none;
	}
	#formatline #nobody, #orderline #nobody, #regotai #nobody {
		height: 18vw;
	}
	#products,#productsNotrial{
		display: none;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0%;
		box-shadow: 0 -1vw 3vw -2vw rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 -1vw 3vw -2vw rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0 -1vw 3vw -2vw rgba(0, 0, 0, 0.5);
		z-index: 2;
	}
	#products:after,#productsNotrial:after{
		display: block;
		content: "";
		clear: both;
	}
	#formatline #sideContactBar, #orderline #sideContactBar, #regotai #sideContactBar {
	display: none;
	height: 0;
	}
	#formatline #products, #formatline #productsNotrial,#orderline #products,#orderline #productsNotrial, #regotai #products {
	display: block;
	}
	#formatline, #orderline, #regotai {
	padding-bottom: 40px;
	}
	#products #productsLeft, #products #productsRight{
		float: left;
		width: 50%;
	}
	#products a #productsLeft, #products a #productsRight{
		height: 47px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding-top: 1px;
	}
	#products a #productsLeft{
		background: #FCF8CF;
		display: block;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		padding: 7px 5px 0;
	}
	#products #productsLeft span {
		display: block;
		color: #DD6306;
	}
	#products a #productsRight{
		background: #E97313;
		border-bottom:3px solid #DC6911;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		padding: 7px 5px 0;
	}

	/* トライアル無し */
	#productsNotrial #productsLeft, #productsNotrial #productsRight{
		float: left;
		width: 50%;
	}
	#productsNotrial #productsLeft a, #productsNotrial #productsRight a{
		height: 47px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		padding-top: 1px;
	}
	#productsNotrial #productsLeft a {
		background: #FFF;
		display: block;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		padding: 7px 5px 0;
	}
	#productsNotrial #productsLeft span {
		display: block;
		color: #DD6306;
	}
	#productsNotrial #productsRight a {
		background: #F9F4E6;
		border-bottom:3px solid #EAE2D4;
		color: #4B433D;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		padding: 7px 5px 0;
	}
	#productsNotrial #productsRight a.flDemoLink {
		background: #E97313;
		border-bottom: 3px solid #DC6911;
		color: #fff;
		text-align: center;
		padding: 5px 5px 0;
		width: 100%;
		display: block;
	}
  #productsNotrial #productsRight a.flDemoLink .yellow {
		color: #FF0;
	}

	/* ===================================
	トライアル関連部分
	=================================== */
	.trialBand {
		border-top: 2px solid #EADE00;
		background: #FCF8CF;
		margin-top: 50px;
		width: 100%;
		left: 0;
		z-index: 999;
		/*padding: 0 0 10px;*/
	}
	.trialBand p {
		text-align: center;
		color: #DD6306;
		font-size: 3.4vw;
		font-weight: bold;
		padding: 8px 0 7px;
	}
	.trialBand p span.firstLimit {
		color: #FDEE00;
		background: #E97313;
		padding: 1px 5px 0;
		margin-right: 8px;
		font-size: 3vw;
	}
	.trialBand p a {
		text-decoration: underline;
		color: #523F33;
	}
  /* コロナ用テキスト */
  .trialBand .coronaTxt {
    background: #FFF;
    border: #DC0303 1px solid;
    line-height: 1.3;
    color: #DC0303;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    margin: 0 10px;
  }

	.infoBox {
		text-align: center;
		text-align: center;
		margin: 0 6% 7%;
		padding-bottom: 6%;
		border-bottom: 1px solid #E3E0D7;
	}
	.infoBox h4 {
		font-size: 3.6vw;
		font-weight: bold;
	}
	.infoBox p {
		font-size: 3.3vw;
	}
	.infoBox img {
		width: 72%;
		margin: 3.5vw 0;
	}
  
  /* modal box調整*/
  #boxer.mobile {
    background: rgba(0,0,0,0.8)!important;
  }
  #boxer.mobile.inline .boxer-content, #boxer.mobile.iframe .boxer-content {
    height: 100%;
    background-color: #FFF;
  }
  #boxer.mobile span.boxer-close, #boxer.mobile .boxer-close:hover {
    top: 0px;
    right: 5px;
    height: 40px;
    width: 40px;
    border: none;
    background: none!important;
  }
  #head p.menuBtnsSp01 span {
    height: 50px;
  }
  #boxer {
    touch-action: none;
}
  

	/*===============
	======== @media screen and (max-width:640px) ======
	================*/
}



@media screen and (max-width:321px) {
	body #mainMenu .servicesArea .twoRows a {
		font-size: 12px;
	}
}
