section .areaselect li a{
    padding: 5px;
}
/*会員登録ボタン*/
.member_box {
    width: calc(95% - 2em);
    padding: 1em 1em;
    margin: 0 auto 1em;
    background-color: #FAF3E4;
}

.member_box .txt {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    margin-bottom: 1em;
}

.member_box .txt .strong {
    font-size: 16px;
    font-weight: bold;
}

.member_box .txt .strong.red {
    color: red;
}

.member_box .txt a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: blue;
}

.member_box .button {
    display: block;
    line-height: 1.5;
    background: linear-gradient(to bottom, #D00900, #B10600);
    border-radius: 5px;
    text-align: center;
}

.member_box .button a {
    display: block;
    width: calc(100% - 1em);
    height: calc(100% - .4em);
    color: #fff;
    padding: .2em .5em;
    text-decoration: none;
}

.member_box .button .br {
    display: block;
    font-size: 14px;
}

.member_box .button .br.strong {
    font-weight: bold;
    font-size: 18px;
}

#container .block_wrap .box {
    margin-bottom: 40px;
    font-size: 14px;
    background-color: #FAF3E4;
}

#container .block_wrap .box .wrap {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
    margin: 0px;
    overflow: hidden;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
}

#container .block_wrap .box .title {
    background-color: #E0CBAB;
    padding: 10px;
    text-align: left;
    overflow: hidden;
    width: auto;
    margin-bottom: 0;
    font-size: 120%;
}

#container .block_wrap .box .title .kind {
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-size: 14px;
}

#container .block_wrap .box .title .txt {
    display: inline-block;
    line-height: 1.5;
}

#container .block_wrap .box .title label {
    color: #000;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 10px;
    line-height: 1.5em;
    float: right;
    width: 88%;

}

#container .block_wrap .box .title .reserve {
    background-color: #C9403C;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    margin-top: 10px;
    clear: both;
    display: inline-block;
    text-align: center;
    width: 95%;
}

#container .block_wrap .box .title a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#container .block_wrap .box .wrap .image {
    margin-bottom: 10px;
}

#container .block_wrap .box .wrap .image .ph {
    height: 240px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    display: flex;
    position: relative;
    text-align: center;
}

#container .block_wrap .box .wrap .image .ph img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}

#container .block_wrap .box .wrap .image ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

#container .block_wrap .box .wrap .image li {
    width: 32%;
    height: 80px;
    overflow: hidden;
    position: relative;
}

#container .block_wrap .box .wrap .image li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}

#container .block_wrap .box .wrap .image .num {
    text-align: center;
}

#container .block_wrap .box .wrap .image .num span {
    font-weight: bold;
    font-size: 105%;
}

#container .block_wrap .box .wrap .ol {
    line-height: 1.5;
}

#container .block_wrap .box .wrap .ol .top {
    overflow: hidden;
    margin-bottom: 10px;
}

#container .block_wrap .box .wrap .ol .top .left {
    overflow: hidden;
    float: none;
    margin-bottom: 10px;
}

.block .list_wrap .left .icon,
.member .list_wrap .left .icon {
    overflow: hidden;
    position: relative;
}

.block .list_wrap .left .icon li,
.member .list_wrap .left .icon li {
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
}

#container .block_wrap .box .wrap .ol .top .left .icon,
.member .list_wrap .left .icon {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}
#container .block_wrap .box .wrap .ol .top .left .icon,
.member .list_wrap .left .icon {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

#container .block_wrap .box .wrap .ol .top .left .icon span,
.member .list_wrap .left .icon span {
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    font-size: 10px;
    color: #FFF;
    margin-bottom: 5px;
}

#container .block_wrap .box .wrap .ol .top .left .icon span.new,
.member .list_wrap .left .icon span.new {
    background-color: #C00;
}

#container .block_wrap .box .wrap .ol .top .left .icon span.tesuryou,
.member .list_wrap .left .icon span.tesuryou {
    background-color: #FF8000;
}

#container .block_wrap .box .wrap .ol .top .left .icon span.down,
.member .list_wrap .left .icon span.down {
    background-color: #CC3333;
}

#container .block_wrap .box .wrap .ol .top .left .icon span.nairan,
.member .list_wrap .left .icon span.nairan {
    background-color: #002DB2;
}

#container .block_wrap .box .wrap .ol .top .left .icon span.off50,
.member .list_wrap .left .icon span.off50 {
    background-color: #FF3300;
}

#container .block_wrap .box .wrap .ol .top .left .icon span.hanbaikai,
.member .list_wrap .left .icon span.hanbaikai {
    background-color: #008C23;
}

#container .block_wrap .box .wrap .ol .top .left .name {
    text-align: left;
}

#container .block_wrap .box .wrap .ol .top .left .access {
    width: 100%;
    font-size: 16px;
}

#container .block_wrap .box .wrap .ol .top .left .access .rosen {
    text-align: left;
}

#container .block_wrap .box .wrap .ol .top .left .access .address {
    text-align: left;
    width: 100%;
}

#container .block_wrap .box .wrap .ol .under .price {
    padding-top: .2em;
    text-align: right;
}

#container .block_wrap .box .wrap .ol .under .price span {
    width: 24px;
    font-weight: bold;
    font-size: 20px;
    color: red;
}

#container .block_wrap .box .wrap .ol .top .right {
    float: none;
    overflow: hidden;
    text-align: center;
}

#container .block_wrap .box .wrap .ol .top .right a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    display: block;
    background: #1D4B9E;
    color: #FFF;
    padding: .5em 0;
    margin-bottom: 0px;
    border-radius: 5px;
}
#container .block_wrap .box .wrap .ol .comment {
    background-color: #F1F1F1;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
}

#container .block_wrap .box .wrap .ol .comment p {
    text-align: left;
    font-size: 12px;
}

#container .block_wrap .box .wrap .ol .under ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    background-color: #fff;
    padding: 1em;
}

#container .block_wrap .box .wrap .ol .under ul li {
    width: 48%;
    box-sizing: border-box;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    text-align: left;
    color: #666;
    margin-bottom: 10px;
}

#container .block_wrap .box .wrap .ol .under ul li:last-child {
    border-right-style: none;
    margin-right: auto;
    margin-bottom: 0px;
    width: 100%;
    margin-left: auto;
}

#container .block_wrap .box .wrap .ol .under a {
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block;
    padding: .5em;
    background: linear-gradient(to bottom, #D00900, #B10600);
    border-radius: 5px;
}


/*
==========================================================
一覧マスク
==========================================================
*/

#container .block_wrap .box.member {
    background-color: #F4D2A0;
}
#container .block_wrap .box.member .wrap,
#container .block_wrap .box.yokoku .wrap {
    padding-top: 16px;
}

#container .block_wrap .box.member .wrap .ol .top .title {
    background-color: unset;
    margin-bottom: 0px !important;
    padding: 0px !important;
    color: #000;
}

#container .block_wrap .box.member .wrap .ol .top .reserve,
#container .block_wrap .box.yokoku .wrap .ol .top .reserve {
    background-color: #C9403C;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    margin-top: 10px;
}

#container .block_wrap .box.member .wrap .ol .left,
#container .block_wrap .box.yokoku .wrap .ol .left {
    text-align: left;
}

#container .block_wrap .box.member .wrap .ol .right .price,
#container .block_wrap .box.yokoku .wrap .ol .right .price {
    font-weight: bold;
    text-align: right;
}

#container .block_wrap .box.member .wrap .ol .right .price span,
#container .block_wrap .box.yokoku .wrap .ol .right .price span {
    font-size: 18px;
    color: red;
}

#container .block_wrap .box.member .wrap .ol .note,
#container .block_wrap .box.yokoku .wrap .ol .note {
    clear: both;
    padding: 10px;
    background-color: #FFF;
    margin-bottom: 10px;
}

#container .block_wrap .box.member .wrap .ol .note p,
#container .block_wrap .box.yokoku .wrap .ol .note p {
    color: #000;
    text-align: left;
}

#container .block_wrap .box.member .wrap .ol .top .right .regist,
#container .block_wrap .box.yokoku .wrap .ol .top .right .regist {
    padding-top: 10px;
    padding-right: 6px;
    padding-bottom: 15px;
    padding-left: 80px;
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}
#container .block_wrap .box.member .wrap .ol .button {
    display: block;
    line-height: 1.5;
    background: linear-gradient(to bottom, #D00900, #B10600);
    border-radius: 5px;
    text-align: center;
    margin: 1em 0;
}

#container .block_wrap .box.member .wrap .ol .button a {
    display: block;
    width: calc(100% - 1em);
    height: calc(100% - .4em);
    color: #fff;
    padding: .2em .5em;
    text-decoration: none;
}

#container .block_wrap .box.member .wrap .ol .button .br {
    display: block;
    font-size: 14px;
}

#container .block_wrap .box.member .wrap .ol .button .br.strong {
    font-weight: bold;
    font-size: 18px;
}
#container .block_wrap .box.box .shinchiku {
    background-color: #FF3028;
}

#container .block_wrap .box.box .cyuko {
    background-color: #326699;
}

#container .block_wrap .box.box .tochi {
    background-color: #339966;
}

#container .block_wrap .box.box .mansion {
    background-color: #f86633;
}

#container .block_wrap .box.box .toshi {
    background-color: #ccc;
}
/*
==========================================================
ページネーション
==========================================================
*/
#container .pagination-container {
    width: 95%;
    margin:0 auto 1em;
}
#container .pagination-container .pagination {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
/*
==========================================================
フッターフローティングボタン
==========================================================
*/



.drawer.drawer--top #container section .more #moreLink {
	font-size: 120%;
	line-height: 160%;
	display: block;
	font-weight: bold;
}
.drawer.drawer--top #container section .more {
	width: 95%;
	margin: 1em auto .5em;
}
.drawer.drawer--top #container section .more .strong {
	font-weight: bold;
	font-size: 110%;
}