@charset "UTF-8";


@media screen and (max-width:1099px) {

/* ヘッダーエリア */
header {width:100%;padding:30px 10px 0!important;}


}



@media screen and (min-width:769px) {

.PCDisplayNone {display:none;}

.menuLayout {display:none!important}

.sideMenu {display:none;}
.rightArea .sideMenu {display:block;}

}

@media screen and (max-width: 768px){

.PCDisplayNone {display:block;}

/* サイドライン */
.lines-on-sides {
 width:100%!important;
}


/* パンくず */
.breadcrumb {
 width:100%!important;
 padding:0 10px;
 box-sizing:border-box;
}
.breadcrumb ul li {
 margin:0 10px 0 0!important;
}


img{
max-width: 100%;
height: auto;
width:100%;
}

img.icon_search{
 width:20px;
}


.none {display:none;}


/* チェックボックス */
.bg_checkbox li {
    position: relative;
    display:block;
    margin:0;
    padding: 0;
}

.bg_checkbox input[type="checkbox"] {
    position: absolute;
    top:50%;
    opacity: 0;
    width: 30px;
    height:30px;
    margin-top:-15px;
}

.bg_checkbox input[type="checkbox"] + label {
    display: block;
    width:30px;
    height:30px;
    background-image: url(../images/check_off.png);
    background-size: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    padding:0px;
}

.bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(../images/check_on.png);
}







/* メインメニュー */
#mainmenu {
 display:none;
}

.slicknav_menu {
 display:block;
}


/* ヘッダーエリア */
header {
width:270px;
padding:10px 0 0 10px!important;
margin:0;
}

header#formheader {
 padding:10px 10px 0!important;
 width:210px;
 margin:0;
}


header nav {top:70px;left:0px;}
header nav.psArea {display:none;}
header h1 {height:100px;display:table;}
header h1 .titlelogo {
 height: 100px;
 display: table-cell;
 vertical-align: middle;
}




/* コンテンツエリア */

section.contentsArea {
 width:100%;
 box-shadow:2px 0 2px #eee,0 -2px 2px #eee;
}




section#articleDetail ul.menu {
 position:inherit;
 margin:0;
 padding:0;
 top:0;
 right:0;
}

section#articleDetail ul.menu li {
 margin-left:0;
 margin-bottom:10px;
 float:inherit;
}

section#articleDetail ul.menu li div.fb-like {
 padding:0;
}


section#articleDetail .detailLayout .mainImg {
 float:inherit;
 margin:0 auto 20px;
 width: 100%;
 height: 250px;
}

section#articleDetail .detailLayout .googleMapArea {
 float:inherit;
 margin:0 auto;
 text-align:center;
}
section#articleDetail .detailLayout .googleMapArea iframe {
 width:100%!important;
}
section#articleDetail .detailLayout .googleMapArea h3 {text-align:left;}

section#articleDetail .detailLayout .googleMapArea p.textArea {
 text-align:left;
 width:auto;
}


section#articleList .noList {
 padding:20px 0 40px;
 font-size:1em;
}


/* 会場リスト */
section#articleList ul {margin-right:0;}
section#articleList ul li {
 width:100%;
 float:inherit;
 margin-right:0;
}
section#articleList ul li .listImg {
 border:solid 1px #ddd;
 text-align:center;
}

section#articleList .content .buttonArea {
 width:100%;
 height:60px;
 padding:20px 0 0;
 font-size:1.2em;
}


section#articleList .allcheckArea a.BtnAllCheck {
 width:100%;
 height:80px;
 background:#3862DC url(../images/icon01.gif) no-repeat 20px 24px;
 padding:30px 0 0;
 border-radius:5px;
 font-size:1.2em;
}



/* フッターエリア */
.logoArea h1 img {
  width: 220px;
  max-width: 100%;
}

footer {
 width:100%;
 height:auto;
 text-align:center;
}


footer .footermenu ul {
 width:100%;
 padding:20px 20px 0;
}
footer .footermenu ul li {
 display:block;
 margin:0 0 20px;
 padding:0 0 20px;
 border-bottom:dotted 1px #0C214C;
}

footer .footermenu ul li:last-child {
 border-bottom:none;
 margin-bottom:0;
}


footer .footermenu ul li a {
 color:#fff;
 font-size:1em;
 line-height:1em;
 border-right:none;
 padding:0;
}

footer p {
 display:block;
 width:100%;
 padding:20px 0;
 text-align:center;
 font-size:0.8em;
}






/* 予約ページ */
.reserve_control {
 padding:0 0 20px;
}

.reserve_control p {
 float:inherit;
 width:100%;
 box-sizing:border-box;
 padding:10px 0;
}


/* 予約エリア */
.reserve_control ul {
 position:relative;
 width:100%;
 height:90px;
}
.reserve_control ul li {
 position:absolute;
 margin:0;
}

.reserve_control ul li.next {
 width:48%;
 top:0;
 right:0;
}
.reserve_control ul li.prev {
 width:48%;
 top:0;
 left:0;
}

.reserve_control ul li.cal {
 width:100%;
 bottom:0;
}


.timeList ul.time01,
.timeList ul.time02 {
 display:block;
 width:100%;
}
.timeList ul li dl dd.reserveIcon {width:15%;}
.timeList ul li.maru dl dd.reservePayment {
 width:50px;
}
.timeList ul li.maru dl dd.reservePayment img {
 width:20px;
 height:20px;
}
.timeList ul li.maru dl dd {font-size:0.8em;}

ul.paymentInfo li {
 display:block;
 width:100%;
 height:20px;
 line-height:20px;
}
ul.paymentInfo li img {
 width:20px;
 height:20px;
} 




section#articleDetail .selectArea {
 margin:0 auto 10px;
}

section#articleDetail .selectArea dl.left {float:inherit;}
section#articleDetail .selectArea dl.right {float:inherit;}

section#articleDetail .selectArea dl {
 width:100%;
 margin:0 auto 20px;
}

section#articleDetail .selectArea dl:last-child {
 margin-bottom:0;
}

section#articleDetail .selectArea dl dt {
 display:block;
 padding:0 0 10px;
 width:100%;
}
section#articleDetail .selectArea dl dd {
 display:block;
 width:100%;
}


section#articleDetail .btnArea button.btn_confirm {
 width:100%;
}


/* セレクトエリアスタイル */


/* フォームエリア */



section#formArea {
 width:100%;
 box-shadow:0px 2px 2px #eee, 0px -2px 2px #eee;
 padding:20px;
 box-sizing:border-box;
}

section#formArea .formContents {
 padding:20px;
}

section#formArea .formContents dl {
 width:100%;
 padding:0 0 30px;
}

section#formArea .formContents dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
}

section#formArea .formContents dl dd {
 width:100%;
 text-align:left;
 display:block;
}


section#formArea .formContents02 {
 padding:0;
}

section#formArea .formContents02 ul.modeselect01 li {
 width:48%;
}

section#formArea p.formTxt {
 padding:20px 0 10px 0;
}


section#formArea .formContents02 dl {
 width:100%;
 padding:0 0 30px;
}

section#formArea .formContents02 dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
 font-weight:bold;
}

section#formArea .formContents02 dl dt br.nowrap {display:none;}

section#formArea .formContents02 dl dd {
 width:100%;
 text-align:left;
 display:block;
}

section#formArea .formContents02 ul.notitleform {
 padding-left:0;
}


section#formArea .formContents02 dl dd input.rows2L,
section#formArea .formContents02 dl dd input.rows2R {
 width:48%
}


section#formArea .formContents03 {
 width:100%;
 padding:20px;
}

section#formArea .formContents03 dl {
 width:100%;
 padding:0 0 30px;
}

section#formArea .formContents03 dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
}

section#formArea .formContents03 dl dd {
 width:100%;
 text-align:left;
 display:block;
}





section#formArea .selectRegistType {
 width:100%;
 padding:10px 0;
 text-align:center;
}

section#formArea .selectRegistType p.titTxt {
 font-size:1.2em;
 line-height:1.4em;
 margin:0 auto 10px;
}
section#formArea .selectRegistType ul {
 list-style:none;
} 

section#formArea .selectRegistType ul li {
 display:block;
 width:100%;
 margin:0 auto 20px;
}

section#formArea .selectRegistType ul li a {
 display:block;
 height:100px;
 line-height:100px;
 color:#fff;
 border-radius:10px;
 font-size:1.4em;
} 


section#formArea .selectRegistType ul li:last-child {margin-bottom:0;}




/* 登録確認 confirm */
section#confirmArea {
 width:100%;
 padding:10px;
 margin:10px auto 20px;
}
section#confirmArea .confirmContents01 dl {
display:block;
border-bottom:solid 1px #f2f2f2;
padding:0 0 20px;
margin:0 auto 20px;
}


section#confirmArea .confirmContents01 dl dt {
 display:block;
 width:100%;
 padding:0 0 10px;
 font-weight:bold;
} 

section#confirmArea .confirmContents01 dl dd {
 display:block;
 width:100%;
 padding:0;
}

section#confirmArea .confirmContents01 dl dd p.cfTxt {
 padding:0 0 0 10px;
}

section#confirmArea .confirmContents01  p.formTxt170 {padding-left:0;}










/* マイページ */
.mypageWrapper {
 padding:0 10px;
 box-sizing:border-box;
 margin:0 auto;
}


section#mypage {
 width:100%;
 padding:10px;
}


section#mypage div.profArea {
 display:block;
margin:0 auto 10px;
width:100%;
 border:solid 1px #f0f0f0;
 padding:10px;
}


section#mypage .leftArea,
section#ownerpage .leftArea {
 width:100%;
 float:inherit;
}

section.contentsArea h1 {
 font-size:1em;
}

.mypageArea ul li {
}


/*カギ一覧*/
.mypageArea ul.previewKeyList li {
 width:100%;
}
.mypageArea ul.previewKeyList li p.sub {
 line-height:1.6em;
}
.keytypeBtn li a {
 font-size:1.1em;
 padding-top:17px;
}
.mypageArea ul.previewKeyList li a.PC {display:none;}
.mypageArea ul.previewKeyList li a.SP {display:block;}
.mypageArea ul.previewKeyList li a.btn_extend {
 width:100%;
 margin:10px auto 0;
 font-size:1.2em;
}
.mypageArea ul.previewKeyList li a.btn_key02 {
 background-size:20px;
 padding:20px 0 20px 40px;
 color:#fff;
 font-size:1.2em;
 width:100%;
 background-position:15px 30px;
}
.mypageArea ul.previewKeyList li a.height1 {padding-top:34px;}
.mypageArea ul.previewKeyList li a.height2 {padding-top:24px;}

.contentsArea .tableArea ul li {width:48%;}
.contentsArea .tableArea ul li a {width:100%;}






/* カギの開閉 */
.keyOpenArea {
width:100%;
text-align:center;
padding:0 0 20px;
}

.keyOpenArea button {
 display:block;
 width:120px;
 height:120px;
 margin:40px auto 40px;
 border:none;
 text-indent:-99999px;
 cursor:pointer;
}

.keyOpenArea button.key_open {
 background:url(../images/btn_open02.png) no-repeat top;
 background-size:120px;
}

.keyOpenArea button.key_close {
 background:url(../images/btn_close02.png) no-repeat top;
 background-size:120px;
}


.keyOpenArea a.reload {
 padding:7px 0 7px 30px;
 background:url(../images/reload.png) no-repeat left;
 background-size:20px;
 text-align:center;
 margin:0 auto 20px;
 font-size:1em;
}











/* 内覧予定 */
.mypageArea ul.previewList li p {
 padding:25px 0 0 0;
 font-size:1.2em;
 width:20%;
}


.mypageArea ul.previewList li div.keyArea {
 width:80%;
 background:#f0f0f0;
 padding:10px 0 10px 0;
 border-radius:5px;
 box-sizing:border-box;
}



div.keyArea a {
 display:block;
 border-radius:5px;
 float:left;
 width:45%;
 box-sizing:border-box;
 margin-left:10px;
 padding:15px 0;
 font-size:1.2em;
 text-align:center;
}






/* キャンセル一覧 */

.mypageArea ul.cancelList li p.checkboxArea {
 width:50px;
 padding:0 10px 0 0;
 box-sizing:border-box;
}

.mypageArea ul.cancelList li div.cancelName {
 width:100%;
 padding:10px;
}
.mypageArea ul.cancelList li h2 {
 padding:0 0 5px;
 font-size:1.2em;
 font-weight:100;
}
.mypageArea ul.cancelList li p.sub {
 font-size:1em;
 line-height:1.6em;
 padding:0px;
}





/* 予約履歴 */
.mypageArea ul.reserve_history li  {
 width:100%;
 padding:10px;
}

.mypageArea ul.reserve_history li div.cancelName {
 display:block;
 width:100%;
}



.mypageArea ul.reserve_history li h2,
.mypageArea ul.reserve_history li p.history {
 padding:0 0 5px;
 font-size:1.2em;
 font-weight:100;
}
.mypageArea ul.reserve_history li p.sub {
 font-size:1em;
 line-height:1.8em;
 padding:0px;
}


.mypageArea ul.reserve_history li div.btnArea {
 width:100%;
 display:block;
 text-align:center;
 padding:10px 0;
}




/* アカウント変更 */
.editAccount dd.type02 span {
 width:100%!important;
}



.editAccount dl dd input.rows2L,
.editAccount dl dd input.rows2R {
    width:48%;
}



.editAccount dl {
 width:100%;
 padding-top:10px;
}

.editAccount dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
}

.editAccount dl dd {
 width:100%;
 text-align:left;
 display:block;
}





























/* スマート内覧について */
div.aboutWrapper {padding:2px 10px 0;}
#about h1.aboutTop {
 margin-bottom:10px;
 font-size:1.4em;
}

#about .linkText {
 font-size:0.8em;
 padding:20px 0;
}

.aboutLinkArea {padding-bottom:0;}


.aboutText p.SP {display:block;margin:0 auto 20px;}
.aboutText p.PC {display:none;}


.aboutLinkArea ul li {
 display:table;
 width:100%;
 padding:0 0 20px;
}

.aboutLinkArea ul li:first-child {margin-right:0;}


.aboutTextArea {font-size:0.8em;}

a.aboutSP,
a.aboutPH {
 display:table-cell;
 width:100%;
 height:80px;
 padding:0 10px;
}

a.aboutSP p,
a.aboutPH p {
 background-size:40px;
 padding:20px 0 20px 50px;
 font-size:0.8em;
 margin:0 auto;
 text-align:center;
}


/* stepArea */
#about .stepArea {
display:none;
}
#about .stepArea h2.stepTitle {
 margin:0 0 20px;
}

#about .stepArea ul {
width:100%;
}
#about .stepArea ul li {
 display:block;
width:100%;
}
#about .stepArea ul li.stepArrow {
 width:100%;
 height:40px;
 text-indent:-99999px;
 background:url(../images/about_arrow02.gif) no-repeat bottom;
}
#about .stepArea ul li span {
 font-size:0.8em;
 width:100%;
 display:block;
 text-align:left;
 padding-bottom:5px;
}

#about .stepArea ul li div.stepCont {
 width:100%;
 height:auto;
 display:block;
 padding:20px 0;
 font-size:0.8em;
}
#about .stepArea ul li div.stepCont br {display:none;}
#about .stepArea ul li.stepCenter {
 padding:20px 0 0;
 text-align:center;
}
#about .stepArea ul li.stepCenter .circleArea {
 width:56px;
 height:56px;
 margin:0 auto;
 border-radius:28px;
 border:solid 1px #f00;
 color:#f00;
 font-size:1em;
 line-height:56px;
}

#about .meritArea h2.meritTitle {
 margin:0 0 20px;
}
#about .meritArea ol {
 padding:0 0 10px;
}
#about .meritArea ol li {
 font-size:0.8em;
 line-height:1.4em;
}






/* スマート内覧についてWEB+Phone */
#about_web h1.webTop,
#about_phone h1.phoneTop {
 background-size:25px;
 padding-left:30px;
 margin:0 auto;
}


.stepContent {
 max-width:100%;
 min-height:auto;
 padding:0 0 20px;
 margin:0 auto 24px;
}



.stepContent .stepCont {
 padding:0 0 20px;
}

.stepContent .stepImg,
.stepContent .stepCont {
 width:100%;
 float:inherit;
}
.stepContent .stepImg img {width:100%;height:auto;}

.stepContent .stepCont h2 {
 font-size:1em;
 padding:0 0 0 30px;
 margin:0;
 height:25px;

}
.stepContent p {
 font-size:0.8em;
 padding:10px 0 0;
}

#about_web h2,
#about_phone h2 {
 background-size:25px;
}




/* 利用規約 */
.kiyakuArea {
 height:auto;
 padding:20px 20px 0;
 margin:20px auto;
 overflow:hidden;
}





/* オーナーページ */
.ownerpageWrapper {
 padding:0 10px;
 box-sizing:border-box;
 margin:10px auto;
}

.ownerPage dl dd {
 width:100%;
}

.ownerPage .checkboxArea {font-size:1em;}


section#ownerpage {
 width:100%;
 padding:10px;
}


section#ownerpage div.profArea {
 display:block;
margin:0 auto 10px;
width:100%;
 border:solid 1px #f0f0f0;
 padding:10px;
}

section#ownerpage .ownerpageArea ul li dl dt {
 display:block;
 width:100%;
 padding:0 0 5px;
}
section#ownerpage .ownerpageArea ul li dl dd {
 display:block;
 padding:0 0 10px;
}










#cancelpolicy section#ownerpage .ownerpageArea ul li dl {
 border-bottom:dashed 1px #ccc;
 padding:0;
 margin:20px 0;
} 

#cancelpolicy section#ownerpage .ownerpageArea ul li dl dd {
width:50%;
height:60px;
line-height:60px;
float:left;
border-bottom:none;
margin:0 0 10px;
text-align:left!important;
}
#cancelpolicy section#ownerpage .ownerpageArea ul li dl dt {font-weight:bold;}
#cancelpolicy section#ownerpage .ownerpageArea ul li dl dd:last-child {text-align:right;margin-right:-10px;}

#cancelpolicy .ownerPage li .btnArea {text-align:right;}


.ownerpageArea ul li {
 display:block;
 padding:0;
 margin:0 0 10px;
}
.ownerReserve {
 padding:10px;
}
.ownerReserve li:nth-child(1),
.ownerReserve li:nth-child(2),
.ownerReserve li:nth-child(3),
.ownerReserve li:nth-child(4) {width:100%!important;}
.ownerReserve li .btnArea .btn_blue02 {
 width:100%;
 height:60px;
 font-size:1em;
}
.ownerReserve li .btnArea {padding:0!important;}

.ownerLimit {padding:10px;}
.ownerLimit li {
 padding-right:0;
 width:100%!important;
} 
.ownerLimit li:nth-child(1) {width:100%!important;}
.ownerLimit li:nth-child(2) {width:100%!important;}
.ownerLimit li:nth-child(3) {width:100%!important;}





.reserveSheet ul li {margin:0;}
.reserveSheet ul li p.week {width:30px;font-size:0.8em;}
.reserveSheet ul li p.time {width:220px;font-size:0.8em;}
.reserveSheet ul li p.delete {width:30px;}
.reserveSheet ul li p.delete button {
 width:20px;
 height:20px;
 background:url(../images/btn_delete.gif) no-repeat top;
 background-size:20px;
 border:none;
 outline:none;
 text-indent:-99999px;
}

.ownerPage .fileArea .btnArea button {
 width:100%;
 margin:0 auto 10px;
}


.ownerpageArea .confirm {
 position:relative;
 height:120px;
}

.ownerpageArea .confirm button {
 position:absolute;
 height:40px;
 margin:0 0 10px;
 display:block;
}
.ownerpageArea .confirm button.btn_gray01 {
width:80px;
top:70px;
left:0;
}
.ownerpageArea .confirm button.btn_gray02 {
width:80px;
top:70px;
left:90px;
}
.ownerpageArea .confirm button.btn_blue02 {
width:100%;
height:60px;
top:0;
}

.ownerCol2Area {margin:0 auto 20px;}
.ownerCol2Area .ownerLeftArea {width:100%;margin:0 auto 20px;}
.ownerCol2Area .ownerRightArea {width:100%;margin:0 auto ;}
.ownerRightArea ul.ownNav li {width:48%;}
.ownerRightArea ul.ownNav li:nth-child(odd) {float:left;}
.ownerRightArea ul.ownNav li:nth-child(even) {float:right;}
.ownKanriBlock h2 {margin:0 0 10px;font-size:1.2em;}
.ownKanriBlock ul li,
.ownKanriBlock ul li:nth-child(3n) {margin-right:10px;margin-bottom:10px;}

section#ownerpage .btnArea {
padding:0 0 20px;
width: 100%;
}




/* 仮予約 */
#kariyoyaku ul.ownerPage li label {
 display:block;
 margin-bottom:10px;
}

#kariyoyaku ul.ownerPage li {
 line-height:1.4em;
} 




/* 予約確認 */
.ownerpageArea .yoyakuKakuninList,
.ownerpageArea .yoyakuKakuninLeft {
 width:100%;
 font-size:0.8em;
}
.ownerpageArea .yoyakuKakuninLeft {
 display:block;
}



.ownerpageArea .yoyakuKakuninRight {
 width:100%;
 padding:0;
 display:block;
 margin: 20px auto 0;
}
.ownerpageArea .btn_sort {
 width:100%;
 height:40px;
 line-height:40px;
}



.yoyakuList ul {border-bottom:none;}

.yoyakuList ul li {
 margin:0 auto 10px!important;
 padding:0 0 10px;
 border-bottom:dotted 2px #aaa;
}
.yoyakuList ul li dl dt {
 display:block;
 width:20%!important;
 padding:0;
 float:left;
 text-align:center;
}
.yoyakuList ul li dl dd {
 display:block;
 width:80%!important;
 float:right;
 padding:10px!important;
}

.yoyakuList ul li dl dd:nth-child(2) {background:#f0f0f0;}
.yoyakuList ul li dl dd:nth-child(5) {border-bottom:solid 1px #ddd;}



.kaiheiList ul li {
 width:100%;
 margin:0 auto 10px;
 padding:0 0 10px;
 border-bottom:dotted 2px #aaa;
}

.kaiheiList ul li:last-child {
 border-bottom:none;}

.kaiheiList ul li dl{
 width:100%;
 display:block;
 border-right:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
 vertical-align:middle;
}

.kaiheiList ul li dl dt {
 display:block;
 width:100%;
  border:solid 1px #ddd;
 border-right:none;
 background:#f0f0f0;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
  padding:10px!important;
}
.yoyakuList ul li dl dt p input {
 vertical-align:top;
}

.kaiheiList ul li dl dd {
 display:table-cell;
 border:solid 1px #ddd;
 border-right:none;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
 padding:10px!important;
 box-sizing:border-box;
}

.kaiheiList ul li dl dd:nth-child(2) {width:100%;}
.kaiheiList ul li dl dd:nth-child(3) {width:100%;}
.kaiheiList ul li dl dd:nth-child(4) {width:100%;}
.kaiheiList ul li dl dd:nth-child(5) {width:100%;}
.kaiheiList ul li dl dd:nth-child(6) {width:100%;}






/* 支払い管理 */
.shiharaiList ul li {
 width:100%;
 margin:0 auto 10px;
 padding:0 0 10px;
 border-bottom:dotted 2px #aaa;
}

.shiharaiList ul li:last-child {
 border-bottom:none;}

.shiharaiList ul li dl{
 width:100%;
 display:block;
 border-right:solid 1px #ddd;
 border-bottom:solid 1px #ddd;
 vertical-align:middle;
}

.shiharaiList ul li dl dt {
 display:block;
 width:100%;
  border:solid 1px #ddd;
 border-right:none;
 background:#f0f0f0;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
  padding:10px!important;
}
.shiharaiList ul li dl dd {
 display:table-cell;
 border:solid 1px #ddd;
 border-right:none;
 border-bottom:none;
 font-size:0.8em;
 line-height:1.4em;
 padding:10px!important;
 box-sizing:border-box;
}

.shiharaiList ul li dl dd:nth-child(2) {width:100%;}
.shiharaiList ul li dl dd:nth-child(3) {width:100%;}
.shiharaiList ul li dl dd:nth-child(4) {width:100%;}
.shiharaiList ul li dl dd:nth-child(5) {width:100%;}

.shiharaiList ul li dl dd .btnArea {
 margin:0;
 padding:0!important;
} 

.shiharaiList ul li dl dd .btnArea button {
 padding:10px 0;
 width:100%;
}











.ownerpageArea .yoyaku_CSV_BTN {
 width:100%;
 margin:0 auto 20px;
}

.ownerpageArea .yoyaku_cancel_BTN {
 width:100%;
 margin:0 auto;
}











.modalContent dl {
 float:inherit;
 font-size:0.8em;
 display:table;
}
.modalContent dl dt {
 display:table-cell;
 background:#f0f0f0;
 padding:10px 5px;
 border:solid 1px #ddd;
 box-sizing:border-box;
 border-right:none;
 border-bottom:none;
}
.modalContent dl dd {
 display:table-cell;
 padding:10px 5px;
 height:auto;
 border:solid 1px #ddd;
 box-sizing:border-box;
 border-right:none;
 border-bottom:none;
}

.modalContent dl.name01,
.modalContent dl.name02,
.modalContent dl.mail,
.modalContent dl.phone,
.modalContent dl.zipcode,
.modalContent dl.city {
 width:100%;
}

.modalContent dl.address {
 width:100%;
}
.modalContent dl.sex,
.modalContent dl.age {
 width:50%;
 float:left;
 min-height:auto;
}


.modalContent dl.name01 dt,
.modalContent dl.name02 dt,
.modalContent dl.mail dt,
.modalContent dl.phone dt,
.modalContent dl.zipcode dt,
.modalContent dl.city dt {
 width:40%;
 height:auto;
}

.modalContent dl.name01 dd,
.modalContent dl.name02 dd,
.modalContent dl.mail dd,
.modalContent dl.phone dd,
.modalContent dl.zipcode dd,
.modalContent dl.city dd {
 width:60%;
 height:auto;
}


.modalContent dl.address dt {
 width:20%;
 height:auto;
}
.modalContent dl.sex dt,
.modalContent dl.age dt {
 width:50%;
 height:auto;
}
.modalContent dl.address dd {
 width:80%;
 height:auto;
}
.modalContent dl.sex dd,
.modalContent dl.age dd {
 width:50%;
 height:auto;
}



.modalContent dl.company {width:100%;}
.modalContent dl.store {width:100%;}
.modalContent dl.storephone {width:100%;}
.modalContent dl.storezip {width:100%;}
.modalContent dl.storecity {width:100%;}
.modalContent dl.storeaddress {width:100%;}
.modalContent dl.name03,
.modalContent dl.name04,
.modalContent dl.mail02,
.modalContent dl.phone02 {
 width:100%;
}

.modalContent dl.company,
.modalContent dl.store,
.modalContent dl.mail02,
.modalContent dl.phone02 {min-height:auto;}

.modalContent dl.company dt,
.modalContent dl.store dt,
.modalContent dl.storephone dt,
.modalContent dl.storezip dt,
.modalContent dl.storecity dt,
.modalContent dl.storeaddress dt,
.modalContent dl.name03 dt,
.modalContent dl.name04 dt,
.modalContent dl.mail02 dt,
.modalContent dl.phone02 dt {
 width:120px;
 text-align:left;
}


.modalContent dl.company dd,
.modalContent dl.store dd,
.modalContent dl.storephone dd,
.modalContent dl.storezip dd,
.modalContent dl.storecity dd,
.modalContent dl.storeaddress dd,
.modalContent dl.name03 dd,
.modalContent dl.name04 dd,
.modalContent dl.mail02 dd,
.modalContent dl.phone02 dd {
 text-align:left;
}

.shitenkanri ul.ownerPage li {
 margin:0;
}

.shitenkanri ul.ownerPage li dl dd {
width:100%;
text-align:center!important;
margin:10px auto 20px;
padding:0 0 20px!important;
border-bottom:dotted 2px #aaa;
}

.shitenkanri ul.ownerPage li dl dd .btnArea {
 padding:0!important;
}

.shitenkanri ul.ownerPage li:last-child dl dd {
 border-bottom:none;
 margin:10px 0 0;
 padding:0;
}

#cancelpolicy .shitenkanri ul.ownerPage li {
 margin:0 0 20px;
 }




.shitenkanri .ownListArea ul.ownNav li a {
 width:100%;
}


.shitenkanri .qaSet li dl dd .textArea {
 display:block;
}
.shitenkanri .qaSet li dl dd .btnArea {
 display:block;
 width:100%;
 text-align:center;
}

.shitenkanri .qaSet li dl dd .btnArea .btn_gray02 {
 width:100px;
 margin:0 auto;
 padding:10px 0;
}





/* 予約詳細 */

body#yoyakuDetail ul.confirmList>li dl dt {
 white-space:inherit!important;
 border-right:none;
 border-bottom:dashed 1px #fff;
} 

body#yoyakuDetail dl.yoyaku_layout,
body#yoyakuDetail dl.yoyaku_bihin{
 padding:0!important;
}

body#yoyakuDetail ul.confirmList>li dl.yoyaku_layout dt,
body#yoyakuDetail ul.confirmList>li dl.yoyaku_bihin dt,
body#yoyakuDetail ul.confirmList>li dl.total dt {
 display:table-cell;
 vertical-align:middle;
 padding:10px;
 box-sizing:border-box;
 border-bottom:none;
 border-right:solid 1px #fff;
 word-break:break-all;
 white-space:inherit!important;

}

body#yoyakuDetail dl.yoyaku_layout dd,
body#yoyakuDetail dl.yoyaku_bihin dd,
body#yoyakuDetail ul.confirmList>li dl.total dd {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
 border-right:solid 1px #fff;
}

body#yoyakuDetail dl.yoyaku_layout dd:last-child,
body#yoyakuDetail dl.yoyaku_bihin dd:last-child,
body#yoyakuDetail ul.confirmList>li dl.total dd:last-child {border-right:none;} 


body#yoyakuDetail dl.yoyaku_layout dt {width:70%;}
body#yoyakuDetail dl.yoyaku_bihin dt {width:30%;}

body#yoyakuDetail dl.yoyaku_layout dd {width:30%;text-align:right;}
body#yoyakuDetail dl.yoyaku_bihin dd {width:25%;text-align:right;}

body#yoyakuDetail ul.confirmList>li dl.total dt {width:70%;}
body#yoyakuDetail ul.confirmList>li dl.total dd {width:30%;text-align:right;}

body#yoyakuDetail section#formArea .formContents02 .btnArea button{
margin:0 5px 10px;
}





/* グループ管理 */
body#kanrigroup .ownKanriBlock .usergroup li {
 width:48%;
}
body#kanrigroup .ownKanriBlock .usergroup li:nth-child(2n) {margin-right:-10px;} 
body#kanrigroup .ownKanriBlock .usergroup li:nth-child(3n) {margin-right:10px;} 

body#kanrigroup .ownKanriBlock .groupmember li dl {display:block;}
body#kanrigroup .ownKanriBlock .groupmember li dl dt {
 display:block;
 width:100%;
 border-right:none;
 border-bottom:solid 1px #fff;
} 
body#kanrigroup .ownKanriBlock .groupmember li dl dd {
 border:none;
}


body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(2) {
width:auto;
display:block;
float:left;
}
body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(3) {
width:80px;
display:block;
float:left;
}
body#kanrigroup .ownKanriBlock .groupmember li dl dd:nth-child(4) {
width:80px;
display:block;
float:right;
}
body#kanrigroup .ownKanriBlock .groupmember li dl dd .btnArea {padding:0;}

.ownerpageArea .shoninMemberList {
 width:100%;
} 

.ownerpageArea .shoninMemberList ul.tab01 li:nth-child(1) {
 width:60px;
} 
.ownerpageArea .shoninMemberList ul.tab01 li:nth-child(2) {
 width:90px;
 margin:0 5px;
} 

.ownerpageArea .shoninMemberList ul.tab01 li:nth-child(2) {
 margin:0 5px;
}

body#kanrigroup .kanrimemberdetail ul li dl.member2row {
 display:block;
 border:none;
}
body#kanrigroup .kanrimemberdetail ul li dl.member2row dt {
 display:block;
 width:100%;
 border-right:none;
}

body#kanrigroup .kanrimemberdetail ul li dl.member2row dd {
 display:block;
 width:100%;
} 

body#kanrigroup .kanrimemberdetail .btnArea {
 position:relative;
 width:100%;
 height:130px;
} 

body#kanrigroup .kanrimemberdetail .confirm button {
 position:absolute;
 margin:0;
}

.kanrimemberdetail .confirm button.btn_gray01 {
top:70px;
left:0px;
}
.kanrimemberdetail .confirm button.btn_gray02 {
top:70px;
left:90px;
}
.kanrimemberdetail .confirm button.btn_blue02 { 
top:20px;
left:0;
}
.kanrimemberdetail .confirm button.btn_blue03 { 
top:20px;
left:0;
}








/* privacypolicyArea */
#PPArea {
width:100%;
padding:20px;
}

#PPArea h1 {
 margin:0 auto 20px;
 font-size:1.2em;
}

.privacypolicyArea h2 {
font-size:1.2em;
}

.privacypolicyArea h3 {
 padding:5px;
 font-size:0.9em;
 line-height:1.6em;
 font-weight:100;
 margin:0 auto 10px;
}


/* pagenavi */
body #pageNav {
 width:100%;
}

body #pageNav ul li {
 display:block;
 float:left;
 width:40px;
 height:40px;
 margin-right:10px;
 margin-bottom:0;
}
body #pageNav ul li .selectPage {
 width:40px;
 height:40px;
 background:#f0f0f0;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
}

body #pageNav ul li a {
 display:block;
 width:40px;
 height:40px;
 background:#fff;
 border:solid 1px #ddd;
 text-align:center;
 line-height:40px;
 color:#777;
}

br.PC {display:none;}




/* オーナー会議室編集 */
body#heyahensyu .heyahenBlock {
 margin: 0 auto 30px;
}
body#heyahensyu .heyahenBlock .ownerPage li {
 line-height:1.4em;
}
body#heyahensyu .bihinTsuika li:nth-child(4) .btnArea,
body#heyahensyu .bihinLayoutTsuika li:nth-child(3) .btnArea {
 padding:0;
}


body#heyahensyu ul.bihinList {
 width:100%;
 margin:0 auto 20px;
}

body#heyahensyu ul.bihinList li {
 width:100%;
 margin:0!important;
 padding:0;
 box-sizing:border-box;
 border-bottom:solid 1px #fff;
}

body#heyahensyu ul.bihinList li dl {display:table;width:100%;}
body#heyahensyu ul.bihinList li dl dt,
body#heyahensyu ul.bihinList li dl dd {
 display:table-cell;
 border-right:dashed 1px #fff;
 padding:10px;
 box-sizing:border-box;
 vertical-align:top;
}

body#heyahensyu ul.bihinList li dl dt {width:35%;word-break:break-word;}
body#heyahensyu ul.bihinList li dl dd:nth-child(2) {width:34%;word-break:break-word;}
body#heyahensyu ul.bihinList li dl dd:nth-child(3) {width:13%;text-align:center;}
body#heyahensyu ul.bihinList li dl dd:nth-child(4) {width:18%;text-align:right;}
body#heyahensyu ul.bihinList li dl dd:last-child {border-right:none;}

body#heyahensyu ul.bihinLayoutList {
 width:100%;
 margin:0 auto 20px;
}

body#heyahensyu ul.bihinLayoutList li {
 width:100%;
 margin:0!important;
 padding:0;
 box-sizing:border-box;
 border-bottom:solid 1px #fff;
}

body#heyahensyu ul.bihinLayoutList li dl {display:table;width:100%;}
body#heyahensyu ul.bihinLayoutList li dl dt,
body#heyahensyu ul.bihinLayoutList li dl dd {
 display:table-cell;
 border-right:dashed 1px #fff;
 padding:10px;
 box-sizing:border-box;
 vertical-align:top;
 height: 50px;
}

body#heyahensyu ul.bihinLayoutList li dl dd button {
 text-align: center;
 border:1px solid #afafaf;
 color: #333;
 margin:0 auto;
 font-size:0.9em;
 box-sizing: border-box;
 background: #eee;
 padding: 1px 5px;  
 height: 21px;
}
body#heyahensyu ul.bihinLayoutList li dl.header dd {background:#71A1C9;color:#fff;height:auto;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(1) {word-break:break-all;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(2) {width:20%;word-break:break-all;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(3) {width:30%;background-size:contain;background-repeat:no-repeat;background-position:center center;}
body#heyahensyu ul.bihinLayoutList li dl dd:nth-child(4) {width:15%;text-align:center;}
body#heyahensyu ul.bihinLayoutList li dl dd:last-child {border-right:none;}


body#heyahensyu ul.heyaPriceList {
 width:100%;
 margin:0 auto 20px;
}

body#heyahensyu ul.heyaPriceList li {
 width:100%;
 margin:0!important;
 padding:0;
 box-sizing:border-box;
 border-bottom:solid 1px #fff;
}

body#heyahensyu ul.heyaPriceList li dl {display:table;width:100%;}
body#heyahensyu ul.heyaPriceList li dl dt,
body#heyahensyu ul.heyaPriceList li dl dd {
 display:table-cell;
 padding:10px;
 box-sizing:border-box;
 vertical-align:middle;
}

body#heyahensyu ul.heyaPriceList li dl dt {width:50%;}
body#heyahensyu ul.heyaPriceList li dl dd {width:50%;text-align:right;}
body#heyahensyu ul.heyaPriceList li dl dd input {
 max-width:100px;
 height:30px;
} 

body#heyahensyu .heyahenBlock ul.ownerPage.purposeList li {
 line-height: 30px;
}


/* 会場一覧 */
#venue .list2col {width:100%;}
#venue .leftSideArea {display:none;}
#venue .rightSideArea {
 float:inherit;
 width:100%;
}
#venue .rightSideArea .spFilter {
 display:block;
 padding:20px;
 width:100%;
 box-sizing:border-box;
} 
#venue .spFilter ul {list-style:none;}
#venue .spFilter ul li {margin-bottom:20px;}
#venue .spFilter ul li a.filterBtn {
 display:block;
 width:100%;
 height:40px;
 box-sizing:border-box;
 background:transparent;
 border:solid 1px #71A1C9;
 border-radius:20px;
 line-height:40px;
 padding:0 10px;
 background:#fff url(../images/icon_right02.png) no-repeat right;
 background-size:20px;
 font-size:1em;
 font-weight:bold;
 color:#666;
 overflow:hidden;
 text-decoration:none;
}

#venue .spFilter ul li input.filter {
 display:block;
 width:95%;
 height:40px;
 border:solid 1px #71A1C9;
 border-radius:10px;
 line-height:40px;
 padding:0 10px;
 background-size:20px;
 font-size:1em;
 font-weight:bold;
 color:#666;
 text-decoration:none;
}

#venue .spFilter ul li a.filterBtn span {
 display:inline;
 font-size:0.8em;
 font-weight:100;
 color:#ccc;
 margin-left:10px;
}

#venue .spFilter ul li a.delete {
 color:#666;
 font-size:0.8em;
 background:transparent url(../images/icon_delete03.png) no-repeat left;
 background-size:13px;
 padding-left:15px;
 text-decoration:none;
} 

#venue .rightSideArea .resultNumber {
 /*width:28%;*/
 float:left;
 height:auto;
 margin-top:0;
 padding-left:20px;
 box-sizing:border-box;
} 
#venue .rightSideArea .topNav {
 width:70%;
 float:right;
 position:static;
 margin:0 auto 20px;
 padding-right:20px;
 box-sizing:border-box;
} 

#venue .rightSideArea ul.propatyList {
 padding:0 20px;
 box-sizing:border-box;
 width:100%!important;
}
#venue .rightSideArea ul.propatyList li {padding:10px;}

#venue .rightSideArea ul.propatyList li .venueLogo {
 width:50%;
 margin-bottom:10px;
}

#venue .rightSideArea ul.propatyList li .subtitle {
 height:auto;
 line-height:1.4em;
 font-size:1em;
 padding-left:10px;
 margin-bottom:10px;
}


#venue .rightSideArea ul.propatyList li .thumbBlock {
 width:100%;
}
#venue .rightSideArea ul.propatyList li .thumbBlock .listImg {
 display:block;
 width:100%;
 height:120px;
 float:left;
 background-size: cover;
}

#venue .rightSideArea ul.propatyList li .thumbBlock .listImg:nth-child(2n) {float:right;}


#venue .rightSideArea ul.propatyList li .detailBlock {
 width:100%;
} 

#venue .rightSideArea ul.propatyList li .detailBlock dl dt {padding-bottom:5px;}

#venue .rightSideArea ul.propatyList li .detailBlock dl dd {padding-top:5px;margin-bottom:20px;}

#venue .rightSideArea ul.propatyList li a.detailBtn {font-size:1em;border-radius:5px;} 

#venue .rightSideArea ul.propatyList li .detailBlock02 table a.roomdetailBtn {
 height:auto;
 line-height: 1.5em;
 padding: 5px;
 width: auto;
}

#venue #pageNav {padding:0 20px;}


#venue .rightSideArea ul.propatyList li .detailBlock dl.address,
#venue .rightSideArea ul.propatyList li .detailBlock dl.station {width:100%;}


#venue .rightSideArea ul.propatyList li .detailBlock02 {margin:0 auto 10px;}


/* 会場詳細 venueDtail */
#venueDtail .list2col {
 width:100%;
}
#venueDtail h2.detailTitle {margin-bottom:10px;}
#venueDtail .list2col .leftSideArea,
#venueDtail .list2col .rightSideArea {
 width:100%;
 padding:10px;
 box-sizing:border-box;
 float:inherit;
} 

#venueDtail .list2col .leftSideArea .detailContents {
 padding:20px 10px 10px;
}

#venueDtail .leftSideArea .subTitle {
 padding:0 0 0 5px;
 height:auto;
 line-height:1.4em;
}
#venueDtail .leftSideArea .detailBlock {
 width:100%;
 float:inherit;
}

#venueDtail .leftSideArea .detailBlock .btnLayout01 {margin:0;} 
#venueDtail .leftSideArea .detailBlock .btnLayout01 li {width:46%;box-sizing:border-box;margin:0 10px 10px 0;}
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a {width:100%;padding:10px 0;font-size:0.8em;} 
#venueDtail .leftSideArea .detailBlock .btnLayout01 li a img {
 width:20px;
 margin-right:5px;
} 

#venueDtail .leftSideArea .detailBlock dl dd {margin-bottom:20px;}


#venueDtail .leftSideArea .thumbBlock {width:100%;} 
#venueDtail .leftSideArea .thumbBlock a.listImg {
width:48%;
height:auto;
margin:0;
}

#venueDtail .leftSideArea .thumbBlock a.listImg:nth-child(2) {float:right;margin-right:0;}
#venueDtail .leftSideArea .thumbBlock a.linkTxt {clear:both;display:inline-block;margin:10px 0 20px;}

#venueDtail .leftSideArea .googleMapArea iframe {width:100%;height:200px;}

#venueDtail .rightSideArea .roomBlock .roomContents {
 padding:10px;
} 
#venueDtail .roomContents ul li dl dt {padding:5px;}
#venueDtail .roomContents ul li dl dd {padding:5px;}

#venueDtail .leftSideArea .roomContents li dl dt {
  max-width:auto;
  min-width:auto;
  width: 30%;
}
#venueDtail .leftSideArea .roomContents li dl dd:nth-child(2) {
  width:30%;
}
#venueDtail .leftSideArea .roomContents li dl dd:nth-child(3) {
  width:60%;
}

#venueDtail .rightSideArea .thumbBlock {width:100%;margin:0 auto;} 
#venueDtail .rightSideArea .thumbBlock a.listImg {
width:48%;
height:auto;
margin:0 auto 10px;
}

#venueDtail .rightSideArea .thumbBlock a.listImg:nth-child(2) {float:right;margin-right:0;}
#venueDtail .rightSideArea .thumbBlock a.linkTxt {clear:both;display:inline-block;margin:10px 0 20px;}

#venueDtail .roomContents .btnArea a.blue {
 font-size:1em;
} 

#venueDtail .leftSideArea .spBlock {display:block;}
#venueDtail .leftSideArea .pcBlock {display:none;}
#venueDtail .rightSideArea .spBlock {display:block;}
#venueDtail .rightSideArea .pcBlock {display:none;}



/* 会議室詳細 */
#venueDtail .rightSideArea .arrow09 {
 width:40px;
}

#venueDtail .rightSideArea .roomBlock img {width:auto!important;}

#venueDtail .rightSideArea .roomDetailBtn .btnArea a,
#venueDtail .rightSideArea .roomDetailBtn .btnArea button{
 width:25%;
 font-size:0.8em;
 padding: 17px 0;
}

#venueDtail .rightSideArea .roomBlock .availablePayment ul li {
  background-position: 10px 10px !important;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dt {
 width:auto;
 display:block;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dd {
 width:auto;
 display:block;
 font-size:0.8em;
 text-align:left;
}
#venueDtail .rightSideArea .roomBlock .availablePayment ul li dl dd br {
 display:none;
}


#venueDtail .rightSideArea .roomBlock ul.reserveList {
 display:block;
 width:100%;
 margin-top:-1px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(3) {
 width:120px;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList li dl dd:nth-child(4) {
 width:45px;
 text-align:center;
 border-right:none;
}
#venueDtail .rightSideArea .roomBlock ul.reserveList:nth-child(2) li {
 border-left:solid 1px #ddd;
}











}


@media screen and (max-width: 430px){
/* ヘッダーエリア */

header nav ul li a {
padding:9px 3px;
}

.btnAbout {
 padding-left:26px;
 background-position:5px 5px;
}

/* コンテンツエリア */

section.contentsArea {
 padding:10px;
}

section#articleDetail .detailLayout .googleMapArea iframe {
height:200px!important;
}

section#articleList ul li .listImg {
 height:200px;
}

.bx-wrapper .bx-controls-direction a {
 margin-top:-15px!important;
 width:30px!important;
 height:30px!important;
}


.bx-wrapper .bx-prev {
 left:-40px!important;
 background-size:100%!important;
}
.bx-wrapper .bx-next {
 right:-40px!important;
 background-size:100%!important;
}

.sliderArea {
 padding:15px 40px 0!important;
}






section#articleDetail ul.menu li a.btnE_Detail,
section#articleDetail ul.menu li a.btnE_Entry {
 line-height:30px;
 height:30px;
}











/* マイページ */
section#ownerpage div.profArea p {
 font-size:0.8em;
 line-height:1.4em;
}

/* 内覧予定 */
.mypageArea ul.previewList li p {
 padding:20px 0 0 0;
 font-size:0.8em;
 width:21%;
}

.mypageArea ul.previewList li div.keyArea {
 width:79%;
 background:#f0f0f0;
 padding:10px 0 10px 0;
 border-radius:5px;
 box-sizing:border-box;
}



div.keyArea a {
 display:block;
 border-radius:5px;
 float:left;
 width:43%;
 box-sizing:border-box;
 margin-left:10px;
 padding:15px 0;
 font-size:0.8em;
 text-align:center;
}



div.keyArea a.btn_key {
 background-position:8px 13px;
 background-size:15px;
 padding:15px 5px 15px 15px;
}


div.keyArea a.btn_white {
 padding:10px 5px;
}


/* 内覧予定 */
.mypageArea ul.previeNairanList li {
 width:100%;
 box-sizing:border-box;
 float:left;
}


.mypageArea ul.previeNairanList li a.nairanBtn {
 display:block;
 width:100%;
 /*border-radius:5px;*/
 font-size:1.4em;
 line-height:1.2em;
 padding:15px 0;
 text-align:center;
 /*color:#fff;*/
}


/* 仮登録 */
section#formArea .pre_regist h2 {
 padding:0 0 20px;
 line-height:1.6em;
}
section#formArea .pre_regist .noteArea {
padding:20px 10px 0;
margin:10px auto 0;
}

section#formArea .pre_regist .noteArea h3,
section#formArea .pre_regist .noteArea h4 {
 line-height:1.4em;
}










/* オーナーページ */

.ownerRightArea ul.ownNav li {width:100%;margin-bottom:10px;}

.ownKanriBlock ul li {
 width:100%;
}
.ownKanriBlock ul li:nth-child(3n) {margin-right:0;}

.reserveContents {
 margin:0 0 20px;
}

.reserveContents textarea {
 margin:0;
}

.reserveContents h2,
.reserveContents02 h2 {
 font-size:1em;
 line-height:1.4em;
}

.fileContents .btnArea {padding:0!important;line-height:1.4em;}

.ownerpageArea li dl dd.roomType .roomTypecheckbox {
 margin:10px 0 0;
}

.ownerLimit {padding:10px;}
.ownerLimit li {
 padding-right:0;
 width:100%!important;
} 
.ownerLimit li:nth-child(1) {width:100%!important;}
.ownerLimit li:nth-child(2) {width:100%!important;}
.ownerLimit li:nth-child(3) {width:100%!important;}


.ownKanriBlock ul li .roomImg {
 width:100%;
 height:30%;
 margin:0 auto;
 background-size:cover;
} 

.ownKanriBlock ul li .roomImg img {
 vertical-align:bottom;
} 




/* スマート内覧について */

#about .btnArea p.textArea,
#about_web .btnArea p.textArea,
#about_phone .btnArea p.textArea {
 font-size:0.8em;
}
#about .btnArea a.registBtn,
#about_web .btnArea a.registBtn,
#about_phone .btnArea a.registBtn {
 width:100%;
 height:80px;
 line-height:80px;
 margin:0 auto;
 font-size:1.2em;
}

/* パートナーカギ一覧 */

.parArea ul.doorBtn li {
 padding:0 5px;
 box-sizing:border-box;
}

.parArea a.parOpen {
 display:block;
 width:130px;
 height:140px;
 background:#fff url(../images/btn_open02.png) no-repeat top;
 margin:20px auto;
 box-shadow:none;
 background-size:100%;
}
.parArea a.parClose {
 display:block;
 width:130px;
 height:140px;
 background:#fff url(../images/btn_close02.png) no-repeat top;
 margin:20px auto;
 box-shadow:none;
 background-size:100%;
}

.parArea p.textArea {font-size:0.8em;}


.parArea ul.parEstList li {
display:block;
padding:20px;
margin:0 auto 20px;
}

.parArea ul.parEstList li div.estName {
 display:block;
 width:100%;
 margin:0 auto 10px;
}

.parArea ul.parEstList li h2,
.parArea ul.parEstList li p.history {
 padding:0 0 10px;
 font-size:1em;
 line-height:1.4em;
 font-weight:100;
}
.parArea ul.parEstList li p.sub {
 font-size:0.8em;
 line-height:1.8em;
 padding:0px;
}

.parArea ul.parEstList li div.btnArea {
 width:100%;
 display:block;
 vertical-align:middle;
}



/* 予約確認 */
.ownerpageArea .yoyakuKakuninList ul.tab01 li {
 width:80px;
}

.ownerpageArea .yoyakuKakuninList ul.tab01 li:nth-child(2) {
 width:80px;
 margin:0 3px;
} 


/* キャンセル一覧 */
#cancelselect .inline_content {
 width:100%;
} 




/* bukkenichiran */
.alertArea {margin-bottom:20px;}
.alertArea .textArea {padding-bottom:0;}
.alertArea .applyGroup {
 width:100%;
 margin-bottom:0;
} 




.wd300,
.wd350,
.wd400,
.wd450,
.wd500,
.wd550,
.wd600 {width:100%!important;}

br.SP {display:block;}






/* 会議室詳細 */
#venueDtail .rightSideArea .roomDetailBtn .btnArea a {
 width:28%!important;
 font-size:0.8em;
 margin:0 2px;
} 



#venueDtail .mainThumb {
 max-height:160px;
}

#venueDtail .mainThumb .bx-wrapper .bx-controls-direction {
 top: 80px;
}
#venueDtail .mainThumb .bx-wrapper .bx-prev {
 left: 10px!important;
}
#venueDtail .mainThumb .bx-wrapper .bx-next {
 right: 10px!important;
}











}



/* TOPPAGE STYLE */
@media screen and (max-width: 1099px){

body#toppage #topContentsArea .block01,
body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block03,
body#toppage #topContentsArea .block04 {
padding:0 20px;
box-sizing:border-box;
}

body#toppage #topContentsArea .blockContents {
 width:100%;
}

} 

@media screen and (max-width:980px){

body#toppage #topContentsArea .block01,
body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block03,
body#toppage #topContentsArea .block04 {
 padding:80px 20px 0;
}

body#toppage #topContentsArea .block01 .blockContents,
body#toppage #topContentsArea .block03 .blockContents{
 background-repeat:no-repeat;
 background-position:top;
 padding-left:0px;
 padding-top:300px;
}
body#toppage #topContentsArea .block02 .blockContents,
body#toppage #topContentsArea .block04 .blockContents {
 background-repeat:no-repeat;
 background-position:top;
 padding-right:0;
 padding-top:300px;
}

body#toppage #topContentsArea .blockContents h2 {
 background-image:none!important;
 padding:10px 0;
}


}


@media screen and (max-width:560px){

body#toppage #fvArea {
 min-height:400px;
}
body#toppage #fvArea h1 {
 margin:10px auto 0;
}
body#toppage #fvArea h1 img.sptitle {
display:block;
width:260px;
height:180px;
margin:0 auto;
}
body#toppage #fvArea h1 img.pctitle {display:none;}


body#toppage #fvArea ul {
 margin:10px auto 0;
}

body#toppage #topContentsArea .block01,
body#toppage #topContentsArea .block02,
body#toppage #topContentsArea .block03,
body#toppage #topContentsArea .block04 {
 padding:40px 20px 0;
}

body#toppage #topContentsArea .blockContents {
 padding:40px 0;
} 


}













/**
 *  修正
 **/
/* 予約日時指定 カレンダー */
@media screen and (max-width: 768px){
.reserve_control ul li div.select_day button {
 padding:5px 10px 5px;
 margin: 0;
 width:100%;
}
.reserve_control ul li div.select_day button img {
 max-width:auto;
 width:auto;
}
}
/* SQLログはスマホ時はレイアウトが崩れるので非表示 */
@media screen and (max-width: 768px){
  .cake-sql-log {
    display: none;
  }
}
/* パートナーカギ一覧 */
@media screen and (max-width: 430px){
.parArea ul.doorBtn button {
 padding:0 5px;
 box-sizing:border-box;
}
.parArea button.parOpen {
 /* display:block;*/
 width:130px;
 height:140px;
 background:#fff url(../images/btn_open02.png) no-repeat top;
 margin:20px 10px 20px auto;
 box-shadow:none;
 background-size:100%;
}
.parArea button.parClose {
 /*display:block; */
 width:130px;
 height:140px;
 background:#fff url(../images/btn_close02.png) no-repeat top;
 margin:20px auto 20px 10px;
 box-shadow:none;
 background-size:100%;
}
}

/* reserves/index_admin */
@media screen and (max-width: 768px){
.ownerpageTop .section {
  border: none;
  padding: 0.5em;
  margin-bottom: 1.5em;
}
.ownerpageTop .section h2 {
  border-bottom: 1px solid #ddd;
  font-size: 120%;
}
.ownerpageTop .section ul.list li {
  border-bottom: 1px dashed #ddd;
  margin: 2em 0 0;
  font-size: 14px;
}
.timeSchedule .scheduleTop {
  height: auto;
}
.timeSchedule .scheduleTop #theDateJP {
  float: none;
}
.timeSchedule .scheduleTop .scheduleController {
  float: none;
}

section#mypage .formContents02 {
 padding:0;
}

section#mypage .formContents02 dl {
 width:100%;
 padding:0 0 30px;
}

section#mypage .formContents02 dl dt {
 width:100%;
 padding:0 0 10px;
 text-align:left;
 display:block;
 font-weight:bold;
}

section#mypage .formContents02 dl dt br.nowrap {display:none;}

section#mypage .formContents02 dl dd {
 width:100%;
 text-align:left;
 display:block;
}

body#yoyakuDetail section#mypage .formContents02 .btnArea button{
margin:0 5px 10px;
}

}

/* オーナーページ用list共通 */
@media screen and (max-width: 768px){
.ownerpageArea table.list {
  table-layout: auto;
}
}