@charset "UTF-8";

input[type="button"],
input[type="image"],
input[type="file"],
input[type="reset"],
input[type="submit"]{
    -webkit-appearance: none;
}
/********************
.common
*********************/
.wrapper{
    min-width: auto;
	min-height: 100%;
}
/********************
.header
*********************/
.header {
    padding: 0 5% 0px 5%;
}
.siteTtl {
    letter-spacing: 0.1em;
}
.loginBox .loginName{
	display: none;
}
.menu-drawer{
	display: none;
}
/********************
.container
*********************/
.container {
    width: 100%;
    box-sizing: border-box;
    padding: 5% 5% 25%;
}
.containerInner{
	width:100%;
	margin: 0 auto;
}

/****************/
.pagettlWrap h1{
	letter-spacing: normal;
}
.contttlWrap h2{
	letter-spacing: normal;
}
.descriArea{
	margin-top: 0.5rem;
}
.descriArea > p{
	line-height: 1.3;
	font-size: 90%;
}
select, input, textarea{
	width: 100%!important;
	box-sizing: border-box;
}
.formpostBox{
	width: 100%!important;
	box-sizing: border-box;
}
.contentmenuWrap > li{
	float: none;
	width: 100%;
	margin-right: 0;
}
.fixed-btn-area {
    bottom: 30px;
}
/*******************/
a.buttonBasic.buttonSs,
input.buttonBasic.buttonSs{
	padding: 0.2em 0.5em 0.2em 0.5em;
    letter-spacing: 0em;
	white-space: nowrap;
}

.formPack{
	margin: 0.5em 0;
}
.formPack:first-child{
	margin: 0 0 0.5em;
}
.formPack:last-child{
	margin: 0.5em 0 0;
}


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

.formsetBox{
}
.formsetBox > dt,
.formsetBox > dd{
	float: none;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.formsetBox > dt{
	width: 100%;
}
.formsetBox > dd{
	width: 100%;
}
.tableBasic.miniTtltable .formsetBox > dt{
	width: 100%;
}
.tableBasic.miniTtltable .formsetBox > dd{
	width: 100%;
}
.formsetBox > dd .formPack{
	width: 100%;
	display: block;
	vertical-align: middle;
	margin-right: 0;
}
.formsetBox > dd .formPack:last-child{

}
.formsetBox > dd .formPack.sp_radiocheck {
    display: inline-block;
	width: auto;
	margin: 0 1em 0.5em 0;
}
.inputFormArea .formsetBox{
}
.inputFormArea .formsetBox:after{
}

.inputFormArea .formsetBox > dt,
.inputFormArea .formsetBox > dd{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.inputFormArea .formsetBox > dt{
	border-left: #5578c6 solid 4px;
    padding: 0.15em 0.25em 0.15em 0.25em;
	width: 100%;
}
.inputFormArea .formsetBox > dd{
	width: 100%;
}

.tableWrap.borderLesstable {
    padding: 0.5em 1em 0.5em 1em;
}

.tableWrap.borderLesstable.inputFormArea{
	padding: 0.5em 1em 0.5em 1em;
}
/**.入力フォームリスト/グループかして囲う*/
.formsetBox.multiple-formBox > dt:nth-child(n+3),
.formsetBox.multiple-formBox > dd:nth-child(n+4) {
    margin-top: 0.5em;
}

/**ログイン***/
.loginPage .containerInner{
	width: 100%;
}
.loginPage .loginimgttl{
	width: 90%;
}


/*****/
.message-board{
	margin-top: 80px;
	padding: 2em 1em;
	text-align: left;
}
.boxinnerttl{
	border-radius: 4px;
	padding: 0.2em 1em;
	margin-bottom: 0.5em;
}
.message-board.urlcode{
	text-align: left;
}
.message-board.urlcode .codettl{
	margin-bottom: 0.25em;
}
/**************/

.formsetBox .formPack .formw40em,
.formsetBox .formPack .formw30em,
.formsetBox .formPack .formw20em,
.formsetBox .formPack .formw12em,
.formsetBox .formPack .formw10em{
	width: 100%;
}

.contttlWrap h2 {
    line-height: 1.3em;
    font-size: 100%;
    padding: 0.25em 0.5em;
    margin-bottom: 1em;
}


.templatemakeArea > li.templ-outerBox.templ-ttlbox{
	display: none;
}

.templatemakeArea > li ul > li{
	width: 100% !important;
	float: none;
}

.templatemakeArea > li.templ-addbox ul > li:before{
	content: '';
	display: inline-block;
	border-left: #f47320 solid 4px;
    padding: 0.15em 0.25em 0.15em 0.25em;
    font-weight: bold;
	background-color: #e0e0e0;
	float: left;
	width: 2.5em;
	text-align: left;
}
.templatemakeArea > li.templ-addbox ul > li.box-item:before{
	content: '項目';
}
.templatemakeArea > li.templ-addbox ul > li.box-price:before{
	content: '単価';
}
.templatemakeArea > li.templ-addbox ul > li.box-note:before{
	content: '備考';
}
.templatemakeArea > li.templ-addbox ul > li.box-time:before{
	content: '提供時間';
	width: 4.5em;
}
.templatemakeArea > li.templ-addbox ul > li.box-time .formPack input{
	width: auto!important;
}
.templatemakeArea > li.templ-addbox ul > li.box-qty:before{
	content: '数量';
}
.templatemakeArea > li.templ-addbox ul > li.box-qty .formPack input{
	width: 5em!important;
}
.templatemakeArea > li.templ-addbox ul > li p{
	padding-left: 3.5em;
}
.templatemakeArea > li.templ-addbox ul > li.box-time p{
	padding-left: 5.5em;
	text-align: right;
}
.templatemakeArea > li.templ-total.templ-set-total .priceTotal{
	font-size: 1.1em;
}