@charset "UTF-8";
/* CSS Document */

body.is_sp {
    max-width: 768px;
}
body.is_sp::after {background-color:transparent !important;}

.is_sp .loginWrapper {width:90%; margin:5% auto 0 auto;}
.is_tab .loginWrapper {width:60%; margin:5% auto 0 auto;}



.is_sp header dl {position: relative;}
.is_sp header dl dt{ position:absolute; z-index:10000; top:5px; right:5px; cursor: pointer; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }
.is_sp header dl dt .global-menu-btn{ display:block; position: relative; padding:0px; border-radius: 5px; width:50px; height:50px; }
.is_sp header dl dt .global-menu-btn span { display: block; position: absolute; width:30px; top: 50%; left: 50%; transform: translate(-50%); background-color:var(--white); height: 2px; transition:.3s;}
.is_sp header dl dt .global-menu-btn span:before,
.is_sp header dl dt .global-menu-btn span:after {display: block; content: ""; position: absolute; width:30px; top: 50%; left:0; height:2px; background-color:var(--white); transition:.3s; }

.is_sp header dl dt .global-menu-btn span:before{margin-top: -12px;}
.is_sp header dl dt .global-menu-btn span:after{margin-top: 10px;}
.is_sp header dl dt .global-menu-btn.active {}
.is_sp header dl dt .global-menu-btn.active span,
.is_sp header dl dt .global-menu-btn.active span{background: transparent;}
.is_sp header dl dt .global-menu-btn.active span:before,
.is_sp header dl dt .global-menu-btn.active span:before{margin-top:0px; transform: rotate(-45deg); background: var(--white);}
.is_sp header dl dt .global-menu-btn.active span:after,
.is_sp header dl dt .global-menu-btn.active span:after{margin-top:0px; transform: rotate(-135deg); background: var(--white);}

.is_sp header dl dd {width:100%; margin:0 auto;}
.is_sp header dl dd a {color:#fff; display: flex; align-items:flex-start; padding:15px 5%;}
.is_sp header dl dd a .menuIcon {width:16px; margin:0 7px 0 0; line-height: 2.0;}
.is_sp header dl dd a .menuIcon svg {width:16px; height:auto;}
.is_sp header dl dd a .menuIcon svg.memberInfo {width:10px; height:auto;}
.is_sp header dl dd a .menuTxt {line-height:1.4; margin:3px 0 0 0; font-weight: 500;}
.is_sp header dl dd a .menuTxt span {display: block; color:var(--white); font-size:10px; opacity: 0.3; font-weight: 400;}

.is_sp header dl dd .generalSite .menuGnavi a .menuIcon svg {fill: var(--general-color);}
.is_sp header dl dd .generalSite p.siteTitle {color: var(--general-color); padding:0 5%;}
.is_sp header dl dd .membersSite .menuGnavi a .menuIcon svg {fill: var(--main-color01);}
.is_sp header dl dd .membersSite p.siteTitle {color: var(--main-color01); padding:0 5%;}

.navInner {display: block; height:100vh; padding:80px 0 0 0;}

.is_sp header dl dd .navInner nav {width:100%; border-right-style:none;}
.is_sp header dl dd {}

.is_tab #sidebar ,
.is_sp #sidebar {display: none;}
.is_tab main::after ,
.is_sp main::after {content:""; background-color:transparent;}
.is_tab .userArea ,
.is_sp .userArea {display: none;}

.is_sp .formBtnArea {width:100%;}

.is_sp .searchArea div.searchAreaInner {}
.is_sp .searchArea dl.searchInput {display: block;  width:100%; margin-right:20px;}
.is_sp .searchArea dl.searchInput dt {}
.is_sp .searchArea dl.searchInput dd {margin-left:0; width:auto;}

.is_sp .searchDetail {position: static; margin:10px 0 10px 25px; width:100%;}

.is_sp .sizeFreeWord .sizeFreeWord {max-width:100%;}
.is_sp .sizeFreeWord .typeTxt {}
.is_sp .sizeDate {width:35%;}

.is_sp .searchBtnArea {flex-wrap: wrap; justify-content: center; margin:0 auto;}
.is_sp .searchBtnArea .reset {position: static;}

.is_sp .inputForm dt {display: block;}

.is_sp .radioList li ,
.is_sp .chekboxList li {margin-bottom:10px;}

.is_sp #contents {width:100%; padding:60px 0 0 0; margin:0;}

.is_sp .gyoumuBunya {width:100%;}


/*footer-----------------------------------------------------*/

.is_sp footer {width:100%;}
.is_sp .spNoDisplay {display: none;}

/* END */