@charset "UTF-8";
@media screen and (max-width:950px){

/* //////////////////////////////////////////////////////////
*****************************************
Common Style - PC
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

*****************************************
////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Neoworkers Common Style
Version: 6.3
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

body,input[type="submit"],input[type="text"],input[type="e-mail"]  {
	font-family: YakuHanJP,'Noto Sans JP',"Noto Sans CJK JP","Noto Sans",メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体',Verdana, Arial, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	-webkit-text-size-adjust: 100%;
	/* ver5.2 */
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.min p,.min th,.min td,.min dd,
.menuOpen .largeclass ul a{font-family:'Shippori Mincho B1','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

	
html{font-size:100%;}

img{
	vertical-align:bottom;
	max-width:100%;}


.pcOn,.tabOn{display:none;}

/* Font-size */
.fs06{font-size:0.6rem;}
.fs07{font-size:0.7rem;}
.fs08{font-size:0.8rem;}
.fs09{font-size:0.9rem;}
.fs11{font-size:1.1rem;}
.fs12{font-size:1.2rem;}
.fs13{font-size:1.3rem;}
.fs14{font-size:1.4rem;}
.fs15{font-size:1.5rem;}
.fs16{font-size:1.6rem;}
.fs17{font-size:1.7rem;}
.fs18{font-size:1.8rem;}
.fs19{font-size:1.9rem;}
.fs20{font-size:2.0rem;}

/* Font (spOnly)*/
.fsm20{font-size:2.0rem;}
.fsm19{font-size:1.9rem;}
.fsm18{font-size:1.8rem;}
.fsm17{font-size:1.7rem;}
.fsm16{font-size:1.6rem;}
.fsm15{font-size:1.5rem;}
.fsm14{font-size:1.4rem;}
.fsm13{font-size:1.3rem;}
.fsm12{font-size:1.2rem;}
.fsm11{font-size:1.1rem;}
.fsm09{font-size:0.9rem;}
.fsm08{font-size:0.8rem;}
.fsm07{font-size:0.7rem;}
.fsm06{font-size:0.6rem;}

.texts{line-height:2.0rem;}

/* title common */
.tit35{font-size:1.4rem;}
.tit22{font-size:1.1rem;}

/* float (spOnly) */
.clrFixM {clear:both;}
.fLeftM {float:left;}
.fRightM {float:right;}

/* display */

.tCell{display:table-cell;
	vertical-align:middle;}

/* display(spOnly) ver5.8～ ver6.2updata*/	
.dis-blM,.dis-blSp{display:block;}
.dis-inM,.dis-inSp{display:inline;}
.dis-inblM,.dis-inblSp{display:inline-block;}
.dis-tdM,.dis-tdSp{display:table-cell;}

.dis-tbSetM{display:table;}
.dis-tbSetM > div,
.dis-tbSetM > a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/* margin top (spOnly)*/
.mTm5{margin-top:5px;}
.mTm10{margin-top:10px;}
.mTm15{margin-top:15px;}
.mTm20{margin-top:20px;}
.mTm25{margin-top:25px;}
.mTm30{margin-top:30px;}
.mTm35{margin-top:35px;}
.mTm40{margin-top:40px;}
.mTm45{margin-top:45px;}
.mTm50{margin-top:50px;}
.mTm55{margin-top:55px;}
.mTm60{margin-top:60px;}
.mTm65{margin-top:65px;}
.mTm70{margin-top:70px;}
.mTm75{margin-top:75px;}
.mTm80{margin-top:80px;}
.mTm85{margin-top:85px;}
.mTm90{margin-top:90px;}
.mTm95{margin-top:95px;}
.mTm100{margin-top:100px;}


/* margin bottom (spOnly) */
.mBm5{margin-bottom:5px;}
.mBm10{margin-bottom:10px;}
.mBm15{margin-bottom:15px;}
.mBm20{margin-bottom:20px;}
.mBm25{margin-bottom:25px;}
.mBm30{margin-bottom:30px;}
.mBm35{margin-bottom:35px;}
.mBm40{margin-bottom:40px;}
.mBm45{margin-bottom:45px;}
.mBm50{margin-bottom:50px;}
.mBm55{margin-bottom:55px;}
.mBm60{margin-bottom:60px;}
.mBm65{margin-bottom:65px;}
.mBm70{margin-bottom:70px;}
.mBm75{margin-bottom:75px;}
.mBm80{margin-bottom:80px;}
.mBm85{margin-bottom:85px;}
.mBm90{margin-bottom:90px;}
.mBm95{margin-bottom:95px;}
.mBm100{margin-bottom:100px;}

/* padding top (spOnly) */
.pTm5{padding-top:5px;}
.pTm10{padding-top:10px;}
.pTm15{padding-top:15px;}
.pTm20{padding-top:20px;}
.pTm25{padding-top:25px;}
.pTm30{padding-top:30px;}
.pTm35{padding-top:35px;}
.pTm40{padding-top:40px;}
.pTm45{padding-top:45px;}
.pTm50{padding-top:50px;}
.pTm55{padding-top:55px;}
.pTm60{padding-top:60px;}
.pTm65{padding-top:65px;}
.pTm70{padding-top:70px;}
.pTm75{padding-top:75px;}
.pTm80{padding-top:80px;}
.pTm85{padding-top:85px;}
.pTm90{padding-top:90px;}
.pTm95{padding-top:95px;}
.pTm100{padding-top:100px;}

/* padding-bottom (spOnly) */
.pBm5{padding-bottom:5px;}
.pBm10{padding-bottom:10px;}
.pBm15{padding-bottom:15px;}
.pBm20{padding-bottom:20px;}
.pBm25{padding-bottom:25px;}
.pBm30{padding-bottom:30px;}
.pBm35{padding-bottom:35px;}
.pBm40{padding-bottom:40px;}
.pBm45{padding-bottom:45px;}
.pBm50{padding-bottom:50px;}
.pBm55{padding-bottom:55px;}
.pBm60{padding-bottom:60px;}
.pBm65{padding-bottom:65px;}
.pBm70{padding-bottom:70px;}
.pBm75{padding-bottom:75px;}
.pBm80{padding-bottom:80px;}
.pBm85{padding-bottom:85px;}
.pBm90{padding-bottom:90px;}
.pBm95{padding-bottom:95px;}
.pBm100{padding-bottom:100px;}

/* text size (spOnly ver6.1～)*/
.txtLevel1sp{font-size:0.6rem}
.txtLevel2sp{font-size:0.65rem}
.txtLevel3sp{font-size:0.7rem}
.txtLevel4sp{font-size:0.75rem}
.txtLevel5sp{font-size:0.8rem}
.txtLevel6sp{font-size:0.85rem}
.txtLevel7sp{font-size:0.9rem}
.txtLevel8sp{font-size:0.95rem}
.txtLevel9sp{font-size:1.05rem}
.txtLevel10sp{font-size:1.05rem}
.txtLevel11sp{font-size:1.1rem}
.txtLevel12sp{font-size:1.15rem}
.txtLevel13sp{font-size:1.2rem}
.txtLevel14sp{font-size:1.25rem}
.txtLevel15sp{font-size:1.3rem}
.txtLevel16sp{font-size:1.35rem}
.txtLevel17sp{font-size:1.4rem}
.txtLevel18sp{font-size:1.45rem}
.txtLevel19sp{font-size:1.5rem}

/* Font-Weight ver5.6-*/
.fwNmM{font-weight:normal !important;}
.fwbdM{font-weight:bold !important;}
.fw3m{font-weight:300 !important;}
.fw4m{font-weight:400 !important;}
.fw5m{font-weight:500 !important;}
.fw6m{font-weight:600 !important;}
.fw7m{font-weight:700 !important;}

/* box均等割 (ver 5.7)*/
.twoColumn_sp > *{width:50%;}
.threeColumn_sp > *{width:33.3%;}
.fourColumn_sp > *{width:25%;}
.fiveColumn_sp > *{width:20%;}
.sixColumn_sp > *{width:16.6%;}

@media screen and (orientation: landscape) {
	.twoColumn_pc > *{width:50%;}
	.threeColumn_pc > *{width:33.3%;}
	.fourColumn_pc > *{width:25%;}
	.fiveColumn_pc > *{width:20%;}
	.sixColumn_pc > *{width:16.6%;}
}

/* インデント */
.indSp{ text-indent: 1em;}

/* padding common */

.spPdlr{padding:10px;}
.spPdtb{padding:15px 10px;}

/* position */
.relSp{position:relative;}
.absSp{position:absolute;}

/* wrap */
.contentTwoAfter{padding-top:80px;}
.contentLast {margin-bottom:40px;}


/* text align (spOnly) */
.txLeftM,.txLeft-sp{text-align:left;}
.txCnM,.txCn-sp{text-align:center;}
.txRightM,.txRight-sp{text-align:right;}

/* inline -block */

.inline_parent_sp{letter-spacing:-.4em}
.inlinebl_sp{display:inline-block;}

/* p　tag inline */
.textIlineSp p{display:inline;}

/* /// Device Size /// */


@media screen and (min-width:321px){
.spNrOn{display:none;}
}

/* 横の時有効 */
@media screen and (orientation: landscape) {
.spPortOn{display:none;}
.spLandOff{display:none;}
}

/* 縦 の時有効　*/
@media screen and (orientation: portrait) {
.spLandOn{display:none;}
.spPortOff{display:none;} /* PCと横時のみ有効 */
}

/* ※印用 */
.indent_komeM{
padding-left:1rem;
text-indent:-0.6rem;
margin-left:1rem;
}

/* 縦書き SPのみ ※使う時は、使う箇所にmin-height指定すること。 */
.rltextSp {
	min-height:10em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

_::-webkit-full-page-media, _:future, :root th.rltextSp {
	display: block;
	white-space: nowrap;
	border:none !important;
	background:transparent !important;
	padding-top:0.5rem;
	min-width:2em;}

/* Flex SPのみ */
.flexSp{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

/* Flex 横のみ */
/* flexBox */
/* wp-block-columnsはver6 */
@media screen and (orientation: landscape) {
.flexland,.flexLand,
.rightBtnModal .widget_welcart_category ul,
.flexWpGroupLand > div,
.wp-block-columns{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	 -moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	}/* ver 5.8update */
}

/* flex ver5.6- ver6.2update*/
.flexWcM,.flexWcSp{justify-content: center;}
.flexHcM,.flexHcSp{align-items: center;}
.flexAllcM,.flexAllcSp{
	justify-content: center;
	align-items: center;
}
@media screen and (orientation: landscape) {
	.flexWcMLand,.flexWcSpLand{justify-content: center;}
	.flexHcMLand,.flexHcSpLand{align-items: center;}
	.flexAllcMLand,.flexAllcSpLand{
	justify-content: center;
	align-items: center;
	}	
}/* ver6.3 - */

/* flex 並び順 ver5.8- */
.flexRrM{flex-direction : row-reverse;} /* 右→左 */
.flexRcM{flex-direction : column-reverse;} /* 下→上 */

/* 子要素box高さ揃える ver6.0- */
.flexHmatchM{align-self: stretch;}
.flexHmatchM > *{align-items: stretch;}

/* flexコンテナー寄せ ver5.8- ver6.2update*/
.flexWrM,.flexWrSp{justify-content: flex-start;}
.flexWlM,.flexWlSp{justify-content: flex-end;}
.flexWbtM,.flexWbtSp{justify-content: space-between;}
.flexWArM,.flexWArSp{justify-content: space-around;}
.flexHrM,.flexHrSp{align-items: right;}
.flexHlM,.flexHlSp{align-items: left;}
.flexStretchM,.flexStretchSp{align-items:  stretch;}

@media screen and (orientation: landscape) {
.flexRrMLand{flex-direction : row-reverse;} 
.flexRcMLand{flex-direction : column-reverse;}
.flexWrMLand,.flexWrSpLand{justify-content: flex-start;}
.flexWlMLand,.flexWlSpLand{justify-content: flex-end;}
.flexWbtMLand,.flexWbtSpLand{justify-content: space-between;}
.flexWArMLand,.flexWArSpLand{justify-content: space-around;}
.flexHrMLand,.flexHrSpLand{align-items: right;}
.flexHlMLand,.flexHlSpLand{align-items: left;}
.flexStretchMLand,.flexStretchSpLand{align-items:  stretch;}
}/* ver6.3 - */

/* /// table sp common v5.2new /// */
.spScroll{
	overflow: auto;
}

/* 上下左右中央寄せ */
.tb-mdcn-sp{
	text-align:center;
	vertical-align:middle;
}

/* 上寄せ左右中央寄せ */
.tb-tcn-sp{
	text-align:center;
	vertical-align:top;
}

/* 上寄せ左寄せ */
.tb-tleft-sp{
	text-align:left;
	vertical-align:top;
}


/* 下寄せ左右中央寄せ */
.tb-bcn-sp{
	text-align:center;
	vertical-align:bottom;
}

/* scroll table v5.3new */

@media screen and (orientation: portrait) {
.scrollTable{overflow:scroll;}
.scrollTable > table{
	width:812px !important;
	}
}


/* ------------------------------------------------ 
       Common Color (sp Only) ver5.2
---------------------------------------------------  */

/* Font Normal Color */
.fcNmc-sp{color:#4C4948;}

/* Font Color */
.fcBlk-sp,.fcBlk-sp a{color:#000 !important;}
.fcWh-sp,.fcWh-sp a{color:#fff !important;}
.fcDarkGrey-sp{color:#333 !important;}
.fcGrey-sp{color:#888888 !important;}
.fcGreen-sp,.fcGreen-sp a{color:#5EAC77 !important;}
.fcOrange-sp,.fcOrange-sp a{color:#DE9C35 !important;}
.fcPink-sp,.fcPink-sp a{color:#D779A3 !important;}
.fcYellow-sp,.fcYellow-sp a{color:#FAF063 !important;}
.fcSkyBlue-sp,.fcSkyBlue-sp a{color:#49AAD2 !important;}

.fcGold-sp{color:#a98d18 !important;}
.fcRed-sp{color:#cf1226 !important;}
.fcBrown-sp{color:#654a3b !important;}
.fcDarkBlue-sp{color:#163153 !important;}
.fcBlue-sp{color:#004986 !important;}
.fcNavy-sp{color:#005DA1 !important;}
.fcThinBrown-sp{color:#c2bbaf !important;}


/* common background color */
.watarblue-sp{background:#87C1DE !important;}
.thinwatarBlue-sp{background:#fbfaf6 !important;}
.bgSkin-sp{background:#fcf2e2 !important;}
.bgSkyBlue-sp{background:#f2f9fc !important;}
.bgThinSky-sp {background:rgba(120,188,221,0.15) !important;}
.bgBroun-sp{background:#231815 !important;}
.bgThinBroun-sp{background:#E2DED8 !important;}

/* common border color */
.bdWhite-sp{border-color:#fff !important;}
.bdGreen-sp{border-color:#5EAC77 !important;}
.bdOrange-sp{border-color:#DE9C35 !important;}
.bdPink-sp{border-color:#D779A3 !important;}
.bdSkyBlue-sp{border-color:#78BCDD !important;}
.bdNone-sp{border-color:transparent !important;}

.bdbtmWhite-sp{border-bottom:1px solid #fff !important;}
.bdtopWhite-sp{border-bottom:1px solid #fff !important;}

/* border width(ver6.2-) */
.bdwAll1Sp{border-width:1px;}
.bdwAll2Sp{border-width:2px;}
.bdwAll3Sp{border-width:3px;}
.bdwAll4Sp{border-width:4px;}
.bdwAll5Sp{border-width:5px;}

.bdwLeft1Sp{border-width:0 0 0 1px;}
.bdwLeft2Sp{border-width:0 0 0 2px;}
.bdwLeft3Sp{border-width:0 0 0 3px;}
.bdwLeft4Sp{border-width:0 0 0 4px;}
.bdwLeft5Sp{border-width:0 0 0 5px;}

.bdwRight1Sp{border-width:0 1px 0 0;}
.bdwRight2Sp{border-width:0 2px 0 0;}
.bdwRight3Sp{border-width:0 3px 0 0;}
.bdwRight4Sp{border-width:0 4px 0 0;}
.bdwRight5Sp{border-width:0 5px 0 0;}

.bdwTop1Sp{border-width:1px 0 0 0;}
.bdwTop2Sp{border-width:2px 0 0 0;}
.bdwTop3Sp{border-width:3px 0 0 0;}
.bdwTop4Sp{border-width:4px 0 0 0;}
.bdwTop5Sp{border-width:5px 0 0 0;}

.bdwBtm1Sp{border-width:0 0 1px 0;}
.bdwBtm2Sp{border-width:0 0 2px 0;}
.bdwBtm3Sp{border-width:0 0 3px 0;}
.bdwBtm4Sp{border-width:0 0 4px 0;}
.bdwBtm5Sp{border-width:0 0 5px 0;}

/* border style(ver6.2-) */
.bdStSolidSp{border-style:solid;}
.bdStDotSp{border-style:dotted;}
.bdStDashSp{border-style:dashed;}

/* リンクボーダー指定 ver5.6-*/
.bdNoneSp a,a.bdNoneSp{text-decoration:none;}
.bdYesSp a,a.bdYesSp{text-decoration:underline;}

/* modal ver5.6 */

.modal__bg{
	top:0;
	left:0;
	height: 100vh;
	width: 100vw;
}

.modal__content{
	width:calc(100% - 30px);
	min-height:calc(100vh - 30px);
	padding:20px;
	overflow:scroll;
}

/* ------------------------------------------------ 
       Common Form Parts  ver5.7
---------------------------------------------------  */
/* input and textarea size */
input.fulls,input.fulls-sp,textarea.fulls,textarea.fulls-sp{width:100% !important;}
input.fulls-max,input.fulls-max-sp,textarea.fulls-max,textarea.fulls-max-sp{width:100% !important;max-width:300px;}
input.fulls-lrtx,input.fulls-lrtx-sp,textarea.fulls-lrtx,textarea.fulls-lrtx-sp{width:calc(100% - 200px) !important;}
input.halfs,input.halfs-sp{width:50vw !important;}
input.halfs-max,input.halfs-max-sp{width:50vw !important;max-width:150px;}
input.halfs-lrtx,input.halfs-lrtx-sp{width:calc(50vw - 100px) !important;}

@media screen and (orientation: landscape) {
input.halfs,input.halfs-sp{width:50% !important;}
input.halfs-max,input.halfs-max-sp{width:50% !important;max-width:150px;}
input.halfs-lrtx,input.halfs-lrtx-sp{width:calc(50% - 100px) !important;}
}

/* label */
label > span.note{font-size:0.7rem;}

/* mw mp form */
.mw_wp_form{
	width:100%;
	overflow:hidden;
}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Customer Common Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

body{
	line-height:1.8;
	letter-spacing:1px;}

/* ------------------------------------------------ 
      Common Style
---------------------------------------------------  */
.wrapper{padding-bottom:20vmin;}
.nmWidth{
	width:100%;
	padding-left:4vmin;
	padding-right:4vmin;
}

/* header */
header{position:relative;}


header .primary{position:absolute;width:35vmin;top:0;left:0;padding:1.33vmin;}
header .secondary{width:100%;font-size:0.8rem;padding:2.66vmin;}
header .secondary a{padding:0.8vmin 1.33vmin;}
header .secondary ul li{margin-left:1.33vmin;margin-top:1.33vmin;}
header .secondary ul li:nth-child(1){margin-left:0;}
header .tertiary{width:100%;}
header .tertiary a{padding:1.33vmin;font-size:0.8rem;}

/* footer */
footer > div{
	font-size:0.7rem;
	width:50%;padding:1.33vmin;}

/* wrapper */
.wrapper{min-height:calc(100vh - 40vmin);max-width:100%;overflow:hidden;}
.nmSection{padding-top:10vmin;padding-bottom:25vmin;}
.scondContent{margin-top:10vmin;}

/* font size */
.wrapper p{font-size:0.9rem;}

/* page title */
.titleBox > h1{margin-top:5.33vmin;padding:3px 5.33vmin;font-size:1.4em;}
.wrapper h2,.wpforms-field-container h2{padding:1.33vmin 2.66vmin !important;font-size:1.1rem !important;}
.wrapper h6{padding:0.8vmin 2.66vmin;border-radius:5px;margin-bottom:1rem;}

/* ページの連絡事項 (上下マージンはページ毎に指定 */
.pageMessages {padding:5.33vmin;}

/* ------------------------------------------------ 
      order and support common
---------------------------------------------------  */
/* 別ページ誘導ボタン ヘッダ又はフッタ用 */
.connectBtn{padding:5.33vmin 0;}
.connectBtn a{display:inline-block;padding:10px;}

table{margin-top:1rem;}
caption{text-align:left;font-weight:bold;color:#666;padding-bottom:1rem;}
table.nmTable th,table.nmTable td,table.retail th,table.retail td,table#history_head th,table#history_head td{padding:1.33vmin;text-align:left;font-size:0.8rem;}

table.nmTb-1th th{width:30%;padding:2.66vmin;}
table.nmTb-1th td{padding:2.66vmin;}
table.nmTb-1th td.name_td{width:35%;}

@media screen and (orientation: portrait) {
table.nmTable.spPortBlock,table.nmTable.spPortBlock tbody,table.nmTable.spPortBlock tr,table.nmTable.spPortBlock th,table.nmTable.spPortBlock td,
.nmTb-2th,.nmTb-2th thead,.nmTb-2th tbody,.nmTb-2th tr,.nmTb-2th th,.nmTb-2th td,
table.nmTb-1th,table.nmTb-1th tbody,table.nmTb-1th tr,table.nmTb-1th th,table.nmTb-1th td,table.nmTb-1th td.name_td,
table.spBlockTable th,table.spBlockTable td{
		width:100%;
		display:block;}
}

/* 2分割、3分割 */
.nm2clm.flex{width:100%;}
@media screen and (orientation: portrait) {.nm2clm.flex > *{width:100%;}}
@media screen and (orientation: landscape) {
.nm2clm.flex > *{width:calc(50% - 2.7vmin);}
.nm2clm.flex > *{margin-right:5.33vmin;}
.nm2clm.flex > *:nth-child(even){margin-right:0;}
}

/* 1:2分割 */
.nm1-2clm.flex{width:100%;}
@media screen and (orientation: portrait) {.nm1-2clm.flex > *{width:100%;}}
@media screen and (orientation: landscape) {
.nm1-2clm.flex > div:nth-child(odd){width:33.33%;margin-right:5.33vmin;}
.nm1-2clm.flex > div:nth-child(even){width:calc(66.66% -5.33vmin);}
}
@media screen and (orientation: portrait) {
.scrollTable .nm1-2clm.flex{width:1000px;}
.scrollTable .nm1-2clm.flex > div:nth-child(odd){width:80vw;margin-right:5.33vmin;}
.scrollTable .nm1-2clm.flex > div:nth-child(even){width:calc(calc(1000px - 80vw) - 5.33vmin);}
}

/* 問い合わせボタン */
.inqBtn{padding:5.33vmin 0;}
.inqBtn a,.inqBtn div.btn{display:inline-block;padding:5.33vmin;}
.inqBtn a .flexSp > i,.inqBtn div.btn .flexSp > i{width:1em;padding-top:0.3em;}
.inqBtn a .flexSp > span,.inqBtn div.btn .flexSp > span{
	display:inline-block;
	max-width:calc(100% - 2em);}
.afterLoginRef{margin-top:5.66vmin;}

/* ------------------------------------------------ 
      input and submit
---------------------------------------------------  */
/* input submit */
input[type=submit],input[type=button] {
	padding: 2.86vmin 6.66vmin 1.86vmin;
	font-size: 1rem;
}

.name_td input[type=text],
#furikana_row input[type=text]{width:calc(100% - 5em);}

/* text area */
textarea{
	padding:4vmin;
	height:80vmin;
}

/* ------------------------------------------------ 
       login
---------------------------------------------------  */
.loginbox{margin-top:13.3vmin;}
.member-box {
	max-width:400px;
	margin:0 auto 5.33vmin;
	padding:5.33vmin;
}

.member-box .input_box{margin-bottom:15px;}

/* ------------------------------------------------ 
       home
---------------------------------------------------  */
#orderLists #procedure{margin-top:8vmin;}
#orderLists .listWrap{margin-bottom:8vmin;}

#procedure .orderLists li div.category {width:100%;padding:1.33vmin;font-size:0.8rem;margin-bottom:1.33vmin;}
#procedure .orderLists li div.orderContent {width:100%;padding:3em 1.33vmin 4em;font-size:0.8rem;}
#procedure .orderLists li div.orderContent h3{font-size:1rem;}
#procedure .orderLists li .limitday{padding:5px;}
#procedure .orderLists li .goPostPage a{padding:5px 4vmin;font-size:0.95rem;}
@media screen and (orientation: landscape) {
#procedure .orderLists li div.orderContent h3{padding-right:53vmin;}
#procedure .orderLists li div.category{width:40vmin;margin-bottom:0;}
#procedure .orderLists li div.orderContent{width:calc(100% - 40vmin);padding:1.33vmin 1.33vmin 1.33vmin;}
}

/* ------------------------------------------------ 
       Category Archives
---------------------------------------------------  */
.itemCategoryArc .item-title {font-size:1.2rem;}
.itemCategoryArc .breakdown,.itemCategoryArc .price{width:100%;}
.itemCategoryArc .breakdown{padding-top:1rem;}
.itemCategoryArc .breakdown li{font-size:0.8rem;}
.itemCategoryArc .price{font-size:1.1rem;}
.itemCategoryArc .price sub{font-size:0.8em;}
@media screen and (orientation: landscape) {
.itemCategoryArc .breakdown{width:80%;}
.itemCategoryArc .price{width:calc(20% - 1em);}
}
.category-description {padding:5.33vmin;margin:5.33vmin 2.66vmin;border-radius:8px;}
/* ------------------------------------------------ 
       home and Category Arcives
---------------------------------------------------  */
#procedure .orderLists li,.categoryArcList > ul > li{padding:2.66vmin;margin-bottom:5.33vmin;}
#procedure .orderLists li .inner,.categoryArcList > ul > li .inner{min-height:100px;padding:2.66vmin;}

/* ------------------------------------------------ 
       inCart
---------------------------------------------------  */
#cart_table th,#cart_table td{font-size:0.8rem;}
#cart_table input.delButton{padding:1.33vmin;font-size:0.8rem;}
#cart_table thead .subtotal .tax{font-weight:400;font-size:0.6rem;}

/* ------------------------------------------------ 
       itempage
---------------------------------------------------  */
.itemPageWrap{padding-top:10.66vmin;}
.itempageBlock{margin-bottom:10.66vmin;}
.itemPage-status {margin:8vmin 0;padding:5.33vmin;}
.itemPageWrap .item-info{margin-bottom:10.66vmin;}
.itemPageWrap .skuform{
	padding:2.66vmin 2.66vmin 0;
	margin-bottom:2.66vmin;
}
.itemPageWrap .skuform:nth-child(1){margin-top:1.33vmin;}
.itemPageWrap .skuname{padding:1.33vmin 5.32vmin;}
.itemPageWrap .item_page_title{font-size:1.2rem;margin-bottom:2.66vmin;}
.itemPageWrap .itemType h2{font-size:0.9rem;margin-bottom:5.33vmin;}

.itemPageWrap .itemNote{padding:2.66vmin;}
.itemPageWrap .itemNote .itemRead{font-size:1.1rem;margin-bottom:5.33vmin;}
.itemPageWrap .itemNote h4{font-size:1rem;padding:3px 0;margin-bottom:2.66vmin;}
.itemPageWrap .itemNote h5{padding:3px 1.33vmin;border-radius:4px;margin-bottom:1.33vmin;}

.itemPageWrap .buyNotes{
	padding:4rem 2.66vmin 5.33vmin;
	margin-top:5.33vmin;
}
.itemPageWrap .buyNotes .inner{padding-bottom:10.66vmin;}
.itemPageWrap .buyNotes .inner:nth-last-child(1){padding-bottom:0;}
.itemPageWrap .buyNotes h3{font-size:1.1em;padding:3px 1.33vmin;margin-bottom:4vmin;}
.ordersame .buyNotes h4{font-size:0.9rem;padding:3px 1.33vmin;margin:5.33vmin 0 2.66vmin;}
.item-info .item-option:before{
	display:block;
	width:100%;
	content:"以下をご入力・ご選択ください。";}
.item-info .item-option{padding:2.66vmin 0;}
.item-info .item-option dt,.item-info .item-option dd{padding-top:1em;}
.item-info .item-option dd{padding-bottom:1em;}

.item-info .item-option input[type="text"] {width: 60%;}
@media screen and (orientation: landscape) {
.item-info .item-option{display:flex;flex-wrap:wrap;}
.item-info .item-option dt,
.item-info .itemGpExp dt {width: 35%;}
.item-info .item-option dd,
.item-info .itemGpExp dd {width: 65%;}
}

.otheritemWrap{padding-bottom:21.3vmin;margin-bottom:21.3vmin;}
.otheritemWrap h2{
	font-size:1.4em;
	text-align:center;
}
.otheritemWrap .otheritemList{margin-top:5.33vmin;}
.otheritemWrap .otheritemList li{width:100%;margin:2.66vmin 0 0;}
@media screen and (orientation: landscape) {
.otheritemWrap .otheritemList li{width:calc(33.3% - 20px);margin:20px 10px 0;}
}
.otheritemWrap .otheritemList li a{padding:5.33vmin;}
.otheritemWrap .otheritemList li .price{margin-bottom:2.66vmin;}
.otheritemWrap .otheritemList li .price dt{padding-right:1.33vmin;}
.otheritemWrap .otheritemList li .goDetail{width:40vmin;padding:3px 1.33vmin;border-radius:5.33vmin;}

.itemPageWrap .classification .price-notes {margin-top:1rem;line-height:1.6;padding-left:2rem;padding-bottom:2rem;}
.itemPageWrap .classification .price-notes p{font-size:0.7rem !important;}
/* ------------------------------------------------ 
       history
---------------------------------------------------  */
.usces_filter_history {margin-top:10.66vmin;margin-bottom:5.33vmin;}
.usces_filter_history .usce_period {margin-left:2.66vmin;}
.history-area table.retail td{padding:1.33vmin;}
#history_head{margin-top:20vmin;}
#history_head:nth-child(1){margin-top:2.66vmin;}
#history_head:before{top:-8vmin;}


.history-area table.retail{width:calc(100% - 8vmin);margin-left:8vmin;}
#historyBtnLink{margin-top:26.66vmin;}
#historyMessage{margin-bottom:26.66vmin;}

@media screen and (orientation: portrait) {
.history-area {overflow:auto;}
.history-area > table#history_head{min-width:800px;}
.history-area > table.retail{min-width:calc(800px - 8vmin);}
}

/* ------------------------------------------------ 
      作業中の連絡事項
---------------------------------------------------  */
.workreportwrap h2{margin-bottom:10vmin;}
.workreportwrap .oneWork{margin:0 5.4vmin 2.7vmin;}
.workreportwrap .oneWork .workdTitle{padding:1.3vmin;}
.workreportwrap .oneWork .workDetail{padding:4vmin;}
.workreportwrap{padding-bottom:21.6vmin;}
.workreportwrap .oneWork .workdTitle{padding-top:2em;}
.workreportwrap .oneWork .workdTitle h3{max-width:calc(100% - 3em);}
.workreportwrap .oneWork .workdTitle .day{position:absolute;top:1vmin;left:1vmin;}
.workreportwrap .oneWork .workdTitle .flag{margin-top:.5em;}

/* ------------------------------------------------ 
      報告画面用
---------------------------------------------------  */

.casereportWrap .oneCaseHead .targetPage a{
	background:rgba(0,108,124,1);
	color:#fff;
}

.casereportWrap .oneCaseHead .targetPage {margin-bottom:1em;}

/* ------------------------ 
     補足コメント表示 202508～
--------------------------- */

.omMsDisp.active i{display:none;}
.omMsDisp.active .inner{
	position:fixed;
	bottom:1em;
	left:1em;
	max-width:calc(100vw - 2em);
	max-height:50vh;
	overflow-x:hidden;
	overflow-y:scroll;
	z-index:100;
	display:block !important;
	font-size:1em;
	padding:2em 1em 1em;
}

.omMsDisp.active  .inner:before{
	content:"×";
	position:absolute;
	top:0;
	right:0;
	color:#fff;
	background:#666;
	padding:0.25em;
}

/* ------------------------ 
       手順用 2024- 簡易版
--------------------------- */

ol.flowList-simple > li,ol[class^="flowList-simple-"] > li{
	width:100%;
	padding:4vmin;
	margin-bottom:1em;
}

@media screen and (orientation: landscape) {
	ol.flowList-simple > li,ol[class^="flowList-simple-"] > li{margin-left:1em;}
	ol.flowList-simple_5 > li,
	ol.flowList-simple_4 > li{width:calc(25% - 1em);}
	ol.flowList-simple_3 > li{width:calc(33.3% - 1em);}
	ol.flowList-simple_2 > li{width:calc(50% - 1em);}
}

/* 番号付きリスト 手順単一用 */
ol.flowlist > li:before{
	max-width:5.8vmin;
	padding:2.1vmin;
	overflow:hidden;
}
ol.flowlist > li > div{max-width:calc(100% - 10vmin);}

/* ------------------------------------------------ 
     お客様から受取した資料の履歴
---------------------------------------------------  */

#materials thead{display:none;}
#materials tbody tr,#materials tbody td{display:block;}
#materials .oneMaterial .day:before{content:'受取日 : ';}
#materials .oneMaterial .cat:before{content:'資料の種類 : ';}
#materials .oneMaterial .person:before{content:'送付担当者 : ';}
#materials .materialsImages .materialsImagesOne{max-width:calc(50% - 5px);margin-right:10px;margin-bottom:10px;}
#materials .materialsImages .materialsImagesOne:nth-child(2n){margin-right:0;}

/* ------------------------ 
     サービスリスト 202508～
--------------------------- */
ul.serviceList > li{
	border-radius:2.56vmin;
	padding:2.56vmin;
	margin-bottom:2.56vmin;

}

@media screen and (orientation: landscape) {
	ul.serviceList > li{width:calc(33.3% - 1.7vmin);margin-right:2.56vmin;}
	ul.serviceList > li:nth-child(3n){margin-right:0;}
}


ul.serviceList > li h4{font-size:1rem;}

/* ------------------------ 
     マニュアルリスト 250927-
--------------------------- */
.manualistwrap,.orderTypeListWrap {
padding:6.5vmin 4vmin 10.8vmin;
margin-bottom:10.8vmin;
}
.manualistwrap .manualistOne > h3{margin:4vmin 0;}

.itemChildPage .item_page_title .itemname{font-size:0.9em;}
.itemChildPage .item_page_title .category-title{font-size:0.7em;text-align:right;}
.itemChildPage .item_page_title{margin-bottom:2em;}

/* 報告画面用 */
.casereportWrap .histrory-one .block-table:nth-child(1) tbody{display:block;}
.casereportWrap .histrory-one .block-table:nth-child(1) tr{display:flex;width:100%;margin-bottom:5px;}

}