@charset "utf-8";
/*-----------------------------------------------
	index.html
-----------------------------------------------*/
.bnrMemberBox{
	width: 980px;
	margin: 0 auto;
}
.bnrMemberBox .titBox{
	background: #B8AD4E;
	font-size:20px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
	padding: 20px 0;
}
.bnrMemberBox .iconMemberBox{ text-align: center; margin: -5px 0 10px;}
.bnrMember{
	display: block;
	margin: 0 auto 0;
	width: 980px;
}

@media only screen and (max-width: 767px){
	.bnrMemberBox .titBox{
		font-size:15px;
		letter-spacing: 2px;
		line-height: 150%;
		padding: 20px 15px;
		text-align: left;
	}
	.bnrMemberBox{
		width: 100%;
		margin: 0 auto;
	}
	.bnrMember{
		display: block;
		margin-bottom: 20px;
		width: 100%;
	}
}
.conMember .boxList{margin-bottom:100px;}
.conMember .boxList .box{float: left; width:326px;}
.conMember .boxList .boxUnder{
	background: #EFEFEF;
	padding: 27px 21px;
	box-sizing: border-box;
}
.conMember .boxList .box1,
.conMember .boxList .box2{
	border-right: 1px solid #CCC;
	box-sizing: border-box;
}
.conMember .boxList .boxUnder .txt1{
	float: left;
	margin-right:10px;
}
.conMember .boxList .box3{width: 327px;}
.conMember .boxList .box1 .txt1{color: #EB4A6A;}
.conMember .boxList .box2 .txt1{color: #2C6B9F;}
.conMember .boxList .box3 .txt1{color: #389282;}
.conMember .boxList .boxUnder .txt2{ padding-left: 7px;}
.conMember .boxList .numBox{
	font-size:0;
}
.conMember .boxList .numBox .imgNum{ margin-right:1px;}

.conMember .btnBoxMember{
	display: block;
	width: 980px;
	position: absolute;
	left: 0;
	bottom: -66px;
}
@media only screen and (max-width:767px){
	.bgMember{ background:#EFEFEF; padding: 20px 0; margin-bottom:40px;}
	.conMember .boxList{margin-bottom:0px;}
	.conMember .boxList .box{
		float: none;
		margin-bottom:10px;
		display: table;
		width:100%;
	}
	.conMember .boxList .box1,
	.conMember .boxList .box2,
	.conMember .boxList .box3{
		border-right: none;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		background: #fff;
	}
	.conMember .boxList .boxUnder .txt1{
		text-align: center;
		font-size: 13px;
		letter-spacing: 0.5px;
		padding-top: 0px;
		font-weight: bold;
		float: none;
		margin-right:0;
		line-height:130%;
	}
	.conMember .boxList .boxUnder .txt2{ padding-left: 4px; width: 18px;}
	.conMember .boxList .boxUnder .txt2 img{width:100%; height:auto;}
	.conMember .boxList .numBox{
		padding: 10px 0 0 0;
		text-align: center;
		vertical-align: top;
	}
	.conMember .boxList .numBox span{
		display: inline-block;
	}
	.btnBoxMember{
		display: block;
		width: 93.75%;
		margin: 0 auto 50px;
		position: static;
	}
	.conMember .boxList .imgBox{
		display: table-cell;
		width:50%;
		vertical-align: top;
	}
	.conMember .boxList .boxUnder {
		padding: 0;
		box-sizing: border-box;
	}
	.conMember .txtUnder{
		text-align: center;
		line-height: 150%;
		margin-bottom: 20px;
	}
}
/*secCategory */
.secCategory{
	width: 1200px;
	margin: 30px auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.secCategory li{
	width: calc(25% - 15px);
}
.secCategory li a{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	color: #263040;
	height: 50px;
	border: 2px solid #263040;
	font-size: 16px;
	text-decoration: none;
	box-sizing: border-box;
}
.secCategory li.on a,
.secCategory li a:hover{
	background:#263040;
	color:#fff;
}
@media only screen and (max-width:767px){
	.secCategory{
		width: 93.75%;
		margin: 20px auto;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.secCategory li{
		width: calc(50% - 5px);
	}
	.secCategory li:nth-child(n+3){
		margin-top: 10px;
	}
	.secCategory li a{
		font-size: 13px;
		height: 40px;
	}
}
/*boxSearch*/
.boxSearch{
    background: #263040;
    color: #FFF;
    padding: 20px 0 44px;
}
.boxSearch .wrapBox{
    width: 1200px;
    margin: 0 auto;
}
.boxSearch .flexList{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px;
}
.boxSearch .flexList .inputBox{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.boxSearch .flexList .inputBox .txtIn{
    font-size: 14px;
    letter-spacing: 1px;
}
.boxSearch .mr10{
    margin-right: 10px;
}
.boxSearch .mr5{
    margin-right: 5px;
}
.boxSearch .flexList .select{
    background: #FFF;
    height: 40px;
    padding: 5px;
}
.boxSearch .flexList .w320{width: 320px;}
.boxSearch .flexList .w220{width: 220px;}
.boxSearch .flexList .w120{width: 120px;}
.boxSearch .flexList2{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 40px;
}
.boxSearch .flexList2{
    font-size: 14px;
    letter-spacing: 1px;
}
.boxSearch .flexList2 .labelList{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.boxSearch .flexList2 .labelBox{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.boxSearch .btnSearch{
    display: block;
    background: #FFCC00;
    text-align: center;
    color: #1B2065;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 14px 0;
    width: 500px;
    margin: 0 auto;
    text-decoration: none;
}
@media only screen and (max-width:767px){
    .boxSearch{
        padding: 20px 0 30px;
    }
    .boxSearch .wrapBox{
        width: 93.75%;
    }
    .boxSearch .flexList{
        display: block;
        margin-bottom: 10px;
    }
    .boxSearch .flexList .inputBox{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 0 10px 0;
    }
    .boxSearch .flexList .inputBox .txtIn{
        font-size: 13px;
        letter-spacing: 0.5px;
        min-width: 70px;
    }
    .boxSearch .flexList .inputBox .txtIn2{
        min-width: 13px;
    }
    .boxSearch .mr10{
        margin-right: 10px;
    }
    .boxSearch .mr5{
        margin-right: 5px;
    }
    .boxSearch .flexList .select{
        background: #FFF;
        height: 40px;
        padding: 5px;
    }
    .boxSearch .flexList .w320{width: 100%;}
    .boxSearch .flexList .w220{width: 100%;}
    .boxSearch .flexList .w120{width: 100%;}
    .boxSearch .flexList2{
        margin-bottom: 15px;
    }
    .boxSearch .flexList2{
        font-size: 13px;
        letter-spacing: 0.5px;
    }
    .boxSearch .flexList2 .txtList{
        min-width: 70px;
        line-height: 1.4;
    }
    .boxSearch .flexList2 .labelList{
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .boxSearch .flexList2 .labelBox{
        margin-bottom: 3px;
    }
    .boxSearch .btnSearch{
        font-size: 15px;
        padding: 12px 0;
        width: 240px;
    }
}

/*boxMember*/
.boxMember{
    background: #E2E2D8;
    padding: 20px 0;
    margin-bottom: 16px;
}
.boxMember .wrapBox{
    width: 1200px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.boxMember .wrapBox .titIn{
    color: #CC0000;
    font-size: 18px;
    letter-spacing: 1px;
}
.boxMember .wrapBox .btnIn{
    color: #FFF;
    background: #CC0000;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 13px 0 12px;
    width: 300px;
    text-align: center;
    text-decoration: none;
    display: block;
}
@media only screen and (max-width:767px){
    .boxMember{
        margin-bottom: 15px;
    }
    .boxMember .wrapBox{
        width: 93.75%;
        display: block;
    }
    .boxMember .wrapBox .titIn{
        font-size: 13px;
        letter-spacing: 0.5px;
        line-height: 1.6;
        text-align: center;
    }
    .boxMember .wrapBox .btnIn{
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 13px 0 12px;
        width: 200px;
        margin: 10px auto 0;
    }
}

/*secIndex*/
.secIndex{
    width: 1200px;
    margin: 0 auto 100px;
}
.secIndex .boxTop{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: 2px;
}
.secIndex .boxTop .txtNum{
    color: #9E9E6C;
    font-size: 30px;
    font-weight: bold;
}
.secIndex .boxTop .boxNumber {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	font-size:0;
}
.secIndex .boxTop .boxNumber .boxIn{
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	border-radius: 5px;
	padding:11px 10px 9px;
	font-weight:bold;
	letter-spacing:0;
	margin-right:10px;
}
.secIndex .boxTop .boxNumber .boxIn:nth-child(1){
	border:2px solid #336699;
	color:#336699;
}
.secIndex .boxTop .boxNumber .boxIn:nth-child(2){
	border:2px solid #FF6666;
	color:#FF6666;
}
.secIndex .boxTop .boxNumber .boxIn:nth-child(3){
	border:2px solid #339999;
	color:#339999;
	margin-right:0;
}
.secIndex .boxTop .boxNumber .boxSub{
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.secIndex .boxTop .boxNumber .txtNumber{
	text-align:right;
	margin-left:30px;
}
.secIndex .boxTop .boxRight{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.secIndex .boxTop .boxRight select{
    width: 140px;
    height: 30px;
    border-radius: 4px;
    background: -moz-linear-gradient(top, #FCFCFC, #DADADA);
    background: -webkit-linear-gradient(top, #FCFCFC, #DADADA);
    background: linear-gradient(to bottom, #FCFCFC, #DADADA);
    margin-left: 6px;
}
.secIndex .landList{
    font-size: 0;
}
.secIndex .landList .item{
    width: 360px;
    height: 440px;
    display: inline-block;
    vertical-align: top;
    background: #F9F9F7;
    margin: 50px 60px 0 0;
    position: relative;
}
.secIndex .landList .item:nth-child(3n){
    margin-right: 0;
}
.secIndex .landList .item:nth-child(-n+3){
    margin-top: 0;
}
.secIndex .landList .item a{
    color: #000;
    text-decoration: none;
}
.secIndex .landList .imgBox{
    width: 100%;
    height: 0;
    padding-top: 60.5%;
}
.secIndex .landList .conBox{
    padding: 15px 20px 20px;
}
.secIndex .landList .titIn{
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    color: #0066CC;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: underline;
    font-weight: 400;
    margin-bottom: 13px;
}
.secIndex .landList .aboutBox{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 5px;
}
.secIndex .landList .aboutList{
    margin-bottom: 15px;
}
.secIndex .landList .titAbout{
    border: #CCC solid 1px;
    min-width: 65px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 5px 0;
}
.secIndex .landList .txtAbout{
    font-size: 14px;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 7px;
}
.secIndex .landList .titPrice{
    width: 50%;
    height: 40px;
    float: left;
    background: #B7AD4E;
    color: #FFF;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: 400;
    text-align: center;
    padding: 13px 0 0;
    box-sizing: border-box;
}
.secIndex .landList .txtPrice{
    width: 50%;
    height: 40px;
    float: left;
    background: #333;
    color: #FFF;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    padding: 7px 0 0;
    box-sizing: border-box;
}
.secIndex .landList .txtPrice .txtNum{
    font-size: 25px;
    font-weight: 700;
}
.secIndex .landList .member .titIn{
    color: #FF6699;
}
.secIndex .landList .member .boxIn{
    color: #FF6699;
    border: #FF6699 solid 1px;
    height: 82px;
    text-align: center;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    padding-top: 16px;
    margin-bottom: 15px;
}
.secIndex .landList .member .txtPrice{
    font-size: 18px;
    padding-top: 11px;
}
.secIndex .landList .member .memberBox{
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    margin: 0 auto;
    width: 100%;
}
.secIndex .landList .member .titMember{
    width: 224px;
    margin: 0 auto;
}
.secIndex .landList .member .btnList{
    width: 264px;
    margin: 22px auto 0;
}
.secIndex .landList .member .btnIn{
    width: 130px;
    height: 40px;
    float: left;
    background: #B7AD4E;
    color: #FFF;
    font-size: 15px;
    letter-spacing: 1.5px;
    font-weight: 400;
    text-align: center;
    padding: 13px 0 0;
    box-sizing: border-box;
}
.secIndex .landList .member .btnMember{
    background: #FF6699;
    float: right;
}
.secIndex .txtNone{
    text-align: center;
    font-size: 15px;
    padding: 50px 0;
}
@media only screen and (max-width:767px){
    .secIndex{
        width: 93.75%;
        margin: 0 auto 70px;
    }
    .secIndex .boxTop{
        display: block;
        margin-bottom: 0;
        font-size: 13px;
        letter-spacing: 1px;
        text-align: center;
    }
    .secIndex .boxTop .txtNum{
        font-size: 26px;
    }
    .secIndex .boxTop .boxRight{
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 10px;
    }
    .secIndex .landList .titPrice{
        padding-top: 12px;
    }
    .secIndex .landList .item{
        width: 100%;
        height: auto;
        margin: 20px 0 0;
        position: relative;
    }
    .secIndex .landList .item:nth-child(-n+3){
        margin-top: 20px;
    }
    .secIndex .landList .member .memberBox{
        top: 8%;
    }
    .secIndex .landList .member .titMember{
        width: 180px;
    }
    .secIndex .landList .member .btnIn{
        padding-top: 12px;
    }
    .secIndex .txtNone{
        font-size: 13px;
        padding: 40px 0;
    }
	.secIndex .boxTop .boxNumber{
		padding:20px 0 10px;
	}
	.secIndex .boxTop .boxNumber .boxSub{
		display:block;
	}
	.secIndex .boxTop .boxNumber .boxIn{
		font-size:12px;
		padding:2%;
		margin-right:2%;
		line-height:1.2;
		width:32%;
		text-align:left;
	}
	.secIndex .boxTop .boxNumber .txtNumber{
		margin:5px 0 0;
	}
}
/* secCmnLoad */
.secCmnLoad{
    width: 600px;
    margin: 0 auto 100px;
}
.secCmnLoad a{
	text-decoration:none;
}
.secCmnLoad .btnLoad:hover{ filter:alpha(opacity=80);opacity:0.8; }
#listLoading{
	display:none;
	line-height:50px;
	text-align:center;
	margin: 50px auto 0;
}
.btnLoad{
	height: 50px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 18px;
	margin: 50px auto 0;
    color: #333;
    font-size: 15px;
    border: #CCC solid 1px;
}
@media only screen and (max-width:767px){
	.secCmnLoad{
        width: 84%;
        margin: 20px auto 65px;
    }
	.secCmnLoad .btnLoad{
		margin: 30px auto 0;
	}
}

.bnrList a{
	display: block;
	float: left;
	width: 49.95%;
	height: 350px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 115px;
	margin-bottom: 2px;
}
.bnrList a:hover{ opacity: 0.8;}
.bnrList a.bnr1{
	background: url(../img/search/bgBnrReport.jpg) no-repeat right top;
}
.bnrList a.bnr2{
	background: url(../img/search/bgBnrStaff.jpg?230808) no-repeat left top;
	float: right;
}
@media only screen and (max-width:767px){
	.bnrList a{
		float: none;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		text-align: center;
		padding: 40px;
		margin-bottom: 1px;
	}
	.bnrList a.bnr1{
		background: url(../img/search/bgBnrReport.jpg) no-repeat right center;
		background-size: 130%;
	}
	.bnrList a.bnr2{
		background: url(../img/search/bgBnrStaff.jpg?230808) no-repeat center center;
		background-size: 130%;
		float: none;
	}
}
/*-----------------------------------------------
	details.html
-----------------------------------------------*/
/*secTop*/
.secDetails .secTop{
    background: #263040;
    padding: 28px 0 40px;
    color: #FFF;
    margin-bottom: 50px;
}
.secDetails .secTop .titTop{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 1px;
    font-weight: 500;
}
.secDetails .secTop .wrapBox{
    border-top: #686F7A solid 1px;
    margin-top: 25px;
    padding-top: 23px;
}
.secDetails .secTop .boxLeft{
    width: 510px;
    float: left;
}
.secDetails .secTop .titPrice{
    width: 160px;
    height: 40px;
    float: left;
    background: #B7AD4E;
    color: #FFF;
    font-size: 15px;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
    padding: 13px 0 0;
    box-sizing: border-box;
}
.secDetails .secTop .txtPrice{
    float: left;
    color: #FFF;
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
    padding: 3px 0 0 20px;
    box-sizing: border-box;
}
.secDetails .secTop .txtPrice .txtNum{
    font-size: 33px;
    font-weight: 700;
}
.secDetails .secTop .boxRight{
    width: 360px;
    float: right;
}
.secDetails .secTop .boxRight img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.secDetails .secTop .boxRight .note{
    line-height:1.5;
    margin-top:10px;
}
.secDetails .secTop .aboutList{
    margin: 20px auto;
}
.secDetails .secTop .aboutBox{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 5px;
}
.secDetails .secTop .titAbout{
    border: #CCC solid 1px;
    min-width: 65px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 5px 0;
}
.secDetails .secTop .txtAbout{
    font-size: 14px;
    letter-spacing: 0.5px;
    padding-left: 10px;
    font-weight: 300;
    line-height: 1.4;
}
.secDetails .secTop .btnIn{
    width: 250px;
    height: 56px;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    border-radius: 50px;
    padding-top: 22px;
    display: block;
    text-decoration: none;
    float: left;
    background: #26A9BD;
}
.secDetails .secTop .btnRight{
    background: #FF9900;
    float: right;
}
@media only screen and (max-width:767px){
    .secDetails .secTop{
        padding: 20px 0 30px;
        margin-bottom: 30px;
    }
    .secDetails .secTop .titTop{
        font-size: 15px;
        line-height: 1.5;
    }
    .secDetails .secTop .wrapBox{
        margin-top: 15px;
        padding-top: 20px;
    }
    .secDetails .secTop .boxLeft{
        width: 100%;
        float: none;
    }
    .secDetails .secTop .titPrice{
        padding-top: 11px;
    }
    .secDetails .secTop .titPrice{
        width: 100px;
        font-size: 14px;
        padding: 14px 0 0;
    }
    .secDetails .secTop .txtPrice{
        font-size: 13px;
        letter-spacing: 1px;
        text-align: center;
        padding: 6px 0 0 20px;
        box-sizing: border-box;
    }
    .secDetails .secTop .txtPrice .txtNum{
        font-size: 30px;
    }
    .secDetails .secTop .boxRight{
        width: 100%;
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }
    .secDetails .secTop .boxRight .note{
        text-align:left;
        font-size:10px;
    }
    .secDetails .secTop .aboutList{
        margin: 15px auto;
    }
    .secDetails .secTop .aboutBox{
        margin-bottom: 7px;
    }
    .secDetails .secTop .titAbout{
        font-size: 11px;
        padding: 7px 0;
    }
    .secDetails .secTop .txtAbout{
        font-size: 13px;
    }
    .secDetails .secTop .btnIn{
        width: 250px;
        height: 56px;
        margin: 10px auto;
        float: none;
        padding-top: 20px;
    }
    .secDetails .secTop .btnRight{
        float: none;
    }
}
/*bnrReserve*/
.secDetails .bnrReserve{
	display: table;
	margin: 50px auto ;
	width: 980px;
	height: 120px;
	text-decoration: none;
	background: #C6B571;
}
.secDetails .bnrReserve .leftBox{ display: table-cell;}
.secDetails .bnrReserve .rightBox{ display: table-cell; vertical-align: middle;}
.secDetails .bnrReserve .rightBox .txtBox1{
	color: #FFF;
	width: 370px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 160%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 25px;
	letter-spacing: 2px;
	font-weight: 500;
}
.secDetails .bnrReserve .rightBox .txtT{
	font-family:'Noto Sans JP';
	color: #000;
}
.secDetails .bnrReserve .rightBox .conBox{
	width: 120px;
	height: 120px;
	display: table-cell;
}
.secDetails .bnrReserve .rightBox .imgBox{
	width: 120px;
	height: 120px;
	position: relative;
}
@media only screen and (max-width:767px){
	.secDetails .bnrReserve{
		display:block;
		margin: 30px auto;
		width: 100%;
		height: auto;
	}
	.secDetails .bnrReserve .leftBox{ display: block;}
	.secDetails .bnrReserve .rightBox{ display: table; width:100%;}
	.secDetails .bnrReserve .rightBox .txtBox1{
		width: 68%;
		font-size: 11px;
		line-height: 150%;
		display: table-cell;
		padding: 10px 10px;
		letter-spacing: 2px;
		float: none;
		vertical-align:middle;
		background: #C6B571;
	}
	.secDetails .bnrReserve .rightBox .txtT{
		font-family:'Noto Sans JP';
		color: #000;
	}
	.secDetails .bnrReserve .rightBox .conBox{ width: 32%; display: table-cell; height:auto; vertical-align:middle;}
	.secDetails .bnrReserve .rightBox .imgBox{
		width: 100%;
		height: 0;
		padding-top: 100%;
		display: block;
		position: relative;
		float: none;
	}
	.secDetails .bnrReserve .rightBox .imgBox img{
		width: 100%;
		height: auto;
	}
}
/*detailsList*/
.secDetails .detailsList .cmnTit{
    background: #263040;
    color: #FFF;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 21px 19px;
    font-weight: 400;
}
.secDetails .detailsList .cmnBox{
    margin-top: 30px;
}
.secDetails .detailsList .note{
  line-height:1.5;
  margin-top:10px;
}
.secDetails .detailsList .boxPoint{
    margin-bottom: 45px;
}
.secDetails .detailsList .boxPoint .txtPoint{
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.5px;
}
.secDetails .detailsList .boxAccess{
    margin-bottom: 45px;
}
.secDetails .detailsList .boxAccess .boxIn{
    border: #D6D6D6 solid 1px;
    padding: 4px 4px 2px;
    float: left;
}
.secDetails .detailsList .boxAccess .boxMap{
    float: right;
}
.secDetails .boxTable{
    margin-bottom: 30px;
}
.secDetails .propertyTable{
	width:100%;
}
.secDetails .propertyTable th{
	width:105px;
	font-weight:normal;
	white-space: nowrap;
	text-align:left;
	padding:8px 14px;
	background:#F2F2F2;
	border:#CCC solid 1px;
	line-height:22px;
	vertical-align:middle;
	font-size: 13px;
}
.secDetails .propertyTable td{
	width:315px;
	padding:8px 10px;
	line-height:22px;
	border:#CCC solid 1px;
	vertical-align:middle;
	font-size: 13px;
}
.secDetails .propertyTable .td01{ height:55px; }
.secDetails .propertyTable .td02{
	height:137px;
	padding:4px 10px 3px;
}
.secDetails .propertyTable .td03{width:316px;}
.secDetails .tdRed{ color: #B70000;}

.secDetails .txtProperty01{
	font-size:20px;
	line-height:12px;
	font-weight:bold;
}
.secDetails .txtProperty02{ font-weight:bold; }
.secDetails .boxTable .btnList{
    width: 510px;
    margin: 30px auto 0;
}
.secDetails .boxTable .btnIn{
    width: 250px;
    height: 56px;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    border-radius: 50px;
    padding-top: 22px;
    display: block;
    text-decoration: none;
    float: left;
    background: #26A9BD;
}
.secDetails .boxTable .btnRight{
    background: #FF9900;
    float: right;
}
@media only screen and (max-width:767px){
    .secDetails .detailsList .cmnTit{
        font-size: 15px;
        letter-spacing: 1px;
        padding: 17px 15px;
    }
    .secDetails .detailsList .cmnBox{
        margin-top: 15px;
    }
    .secDetails .detailsList .note{
      font-size:10px;
    }
    .secDetails .detailsList .boxPoint{
        margin-bottom: 30px;
    }
    .secDetails .detailsList .boxPoint .txtPoint{
        font-size: 13px;
    }
    .secDetails .detailsList .boxAccess{
        margin-bottom: 30px;
    }
    .secDetails .detailsList .boxAccess .boxIn{
        padding: 4px 4px 2px;
        float: none;
        box-sizing: border-box;
    }
    .secDetails .detailsList .boxAccess .boxMap{
        float: none;
        margin-top: 10px;
    }
    .secDetails .detailsList .boxAccess iframe{
        width: 100%;
        height: 280px;
    }
	.secDetails .propertyTable tr:first-child{
		border-top: 1px solid #CCC;
	}
	.secDetails .propertyTable,
	.secDetails .propertyTable tbody,
	.secDetails .propertyTable tr{
		display: block;
		font-size: 0;
	}
	.secDetails .propertyTable tr{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
    .secDetails .propertyTable th{
		width: 110px;
		display: -webkit-flex;
 		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
        font-size: 12px;
		padding: 5px 8px;
        line-height: 1.6;
		box-sizing: border-box;
		border-top: none;
		border-right: none;
    }
    .secDetails .propertyTable td,
	.secDetails .propertyTable .td03{
		width: calc(100% - 110px);
		display: -webkit-flex;
 		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
        font-size: 12px;
        line-height: 1.6;
		box-sizing: border-box;
		border-top: none;
    }
    .secDetails .propertyTable .td01{ height:auto; }
    .secDetails .propertyTable .td02{height:auto;}
    .secDetails .boxTable .btnList{
        width: auto;
        margin: 20px auto 0;
    }
    .secDetails .boxTable .btnIn{
            width: 250px;
            height: 56px;
            margin: 10px auto;
            float: none;
    }
    .secDetails .boxTable .btnRight{
        float: none;
    }
}
/*boxArround*/
.secDetails .boxArround{
    margin-bottom: 100px;
}
.secDetails .boxArround .itemList{
    font-size: 0;
}
.secDetails .boxArround .item{
    display: inline-block;
    vertical-align: top;
    width: 150px;
    margin: 0 16px 24px 0;
}
.secDetails .boxArround .item:nth-child(6n){
    margin-right: 0;
}
.secDetails .boxArround .item img{
    width: 100%;
    height: auto;
}
.secDetails .boxArround .item .txtIn{
    font-size: 13px;
    line-height: 1.5;
    margin-top: 10px;
}
.secDetails .boxArround .txtLocationList{
	padding:14px 0 4px;
    border-top: #D2D2D2 solid 1px;
}
.secDetails .boxArround .txtLocationList li{
	background:url(../img/search/bgList.gif) left 7px no-repeat;
	background-size:10px;
	line-height:18px;
	padding:3.5px 41px 3.5px 21px;
	display:inline-block;
}
@media only screen and (max-width:767px){
    .secDetails .boxArround{
        margin-bottom: 50px;
    }
    .secDetails .boxArround .item{
        width: 48.5%;
        margin: 0 3% 6% 0;
    }
    .secDetails .boxArround .item:nth-child(2n){
        margin-right: 0;
    }
    .secDetails .boxArround .item .txtIn{
        font-size: 12px;
    }
    .secDetails .boxArround .txtLocationList{
		width:100%;
		padding:14px 0 0;
	}
    .secDetails .boxArround .txtLocationList li{
		display:block;
		padding:3.5px 0 3.5px 21px;
	}
}

/*secForm*/
#secForm{ margin: 60px auto 0;}
#secForm .txtForm{
	font-size: 18px;
	line-height: 138%;
	color: #FFF;
	background: #87827C;
	padding: 23px 0 23px 20px;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
#secForm .conForm{
	box-sizing: border-box;
	margin: 0 auto 90px;
	padding: 30px 39px;
}
#secForm .txtContact{
	font-size: 13px;
	line-height: 22px;
	margin: 0 auto 18px;
	width: 640px;
}
#secForm .txtContact .fBold{
	font-weight:bold;
}
#secForm .txtContact2{
	font-size: 14px;
	line-height: 22px;
	margin: 0 auto 28px;
	width: 640px;
	color: #B70000;
	font-weight: bold;
}
#secForm .boxForm{
	width: 640px;
	margin: 0 auto 30px;
	border-top: 1px solid #D6D6D6;
}
#secForm .boxForm2{ margin: 30px auto 40px;}
#secForm dl{
	display: table;
	width: 100%;
}
.index #secForm .boxForm dl:first-child dd{
	padding-bottom: 28px;
}
#secForm dt{
	display: table-cell;
	width: 160px;
	padding: 8px 10px 8px 10px;
	font-size: 13px;
	text-align: left;
	line-height: 20px;
	background: #F5F5F5;
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #D6D6D6;
	border-top: none;
	border-right: none;
}
#secForm dt .inner{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
#secForm dd{
	display: table-cell;
	font-size: 13px;
	line-height: 150%;
	padding: 14px 19px;
	background: #fff;
	vertical-align: middle;
	border: 1px solid #D6D6D6;
	border-top: none;
	overflow: hidden;
}
#secForm .must{
	font-size: 13px;
	font-weight: normal;
	color: #B70000;
	margin-left: -4px;
}
#secForm ul li {
	margin-bottom: 10px;
	letter-spacing: 1px;
}
#secForm ul li:first-child {
	margin-bottom: 0;
}
#secForm ul li:first-child label{
	margin-right: 12px;
}
#secForm ul li input[type="checkbox"]{
	margin: 0;
	vertical-align: text-top;
}
#secForm input[type="radio"]{
	margin: 0 5px 0 3px;
	vertical-align: text-top;
}
#secForm ul li select{
	height: 40px;
	box-sizing: border-box;
	background: #FFF;
	border: solid 1px #CCC;
	margin: 0 8px 0 6px;
}
#secForm textarea{
	height: 110px;
	box-sizing: border-box;
	border: solid 1px #CCC;
}

#secForm .btnZip{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	text-align: center;
	letter-spacing: 0.5px;
	line-height: 40px;
	margin-left: 6px;
	color: #fff;
	background: #333;
	border-radius: 4px;
	font-size: 12px;
}
#secForm .txtNote{
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.5px;
	padding: 0 0 0 4px;
	color: #B70000;
}
#secForm .txtNote2{
	font-size: 11px;
}
#secForm .txtNote3{
	font-size: 1３px;
	line-height: 18px;
	letter-spacing: 0.5px;
	padding: 9px 0 0 4px;
}
#secForm .txtNote4{
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.5px;
	padding: 5px 5px 0 15px;
}

#secForm .txtError{
	color: #F00;
	font-size: 12px;
	background: url(../img/common/iconError.png) left 14px no-repeat;
	padding: 12px 0 0 17px;
}
#secForm .txtHyp{
	padding: 0 2px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"]{
	height: 26px;
	text-indent: 5px;
	box-sizing: border-box;
	border: solid 1px #CCC;
}
input[type="text"].inputRequire,
input[type="email"].inputRequire,
input[type="tel"].inputRequire,
input[type="password"].inputRequire,
select.inputRequire{
	background: #FAFFBD;
	border: 1px solid #B70000;
}
.w60{width:60px;}
.w80{width:80px;}
.w150{width:150px;}
.w120{width:120px;}
.w200{width:200px;}
.w214{width:214px;}
.w250{width:250px;}
.w400{width:400px;}
.w415{width:415px;}
.w100p{width:100%;}
#secForm .btnForm{
	display: block;
	width: 400px;
	margin: 40px auto 0;
}
input[type="text"].txtBox1,
input[type="email"].txtBox1,
input[type="tel"].txtBox1,
input[type="password"].txtBox1{
height: 20px; margin-bottom:5px;}


@media only screen and (max-width: 767px){
	#secForm{
		width: 100%;
		background-size: contain;
		margin: 20px auto 36px;
		padding: 0 0 2.6%;
	}
	#secForm .txtForm{
		font-size: 16px;
		padding: 15px 10px 15px;
		letter-spacing: 2px;
		margin-bottom: 30px;
	}
	#secForm .barForm{ width: 93.75%; margin: 0 auto;}
	#secForm .conForm{
		width: 93.75%;
		box-sizing: border-box;
		border:none;
		margin: 0 auto 20px;
		padding: 0;
	}
	#secForm .titModel{
		width: 93.75%;
		line-height: 5px;
		font-size: 18px;
		letter-spacing: 2px;
		height: 50px;
	}
	#secForm .txtContact{
		font-size: 11px;
		line-height: 20px;
		text-align: left;
		margin: 15px 0px;
		letter-spacing: 0;
		width: 100%;
	}
	#secForm .txtContact2{ width: 100%; font-size: 13px;}
	#secForm .boxForm{
		width: 100%;
	}
	#secForm dl,
	#secForm dt,
	#secForm dd{
		display: block;
	}
	#secForm dt{
		width: 100%;
		padding: 15px 18px;
		font-size: 12px;
		border-right: 1px solid #D6D6D6;
	}
	#secForm dd{
		padding: 15px 15px 20px;
	}
	#secForm ul li:first-child {
		margin-bottom: 10px;
	}
	#secForm ul li:first-child label {
		display: block;
		margin-bottom: 8px;
	}
	#secForm .btnZip{
		width: 80px;
		border-radius: 4px;
	}
	#secForm .txtNote{
		padding: 5px 0 0 2px;
	}
	#secForm .txtNote2{ display: block; margin-top:3px;}
	.w60{width:18.8%;}
	.w80{width:25%;}
	.w415,
	.w400,
	.w100p{width: 100%;}
	#secForm .btnForm{
		width: 220px;
		margin-top: 20px;
	}
	#secForm .must{
		font-size: 11px;
	}
}
/* co */
#secForm .titCo{
	font-size: 15px;
	font-weight: bold;
	padding: 0 20px;
	line-height: 50px;
	letter-spacing: 0.5px;
	color: #630;
	background: #F5F3F1;
}
.co #secForm .wrapper{
	padding-top: 60px;
}
#secForm .boxCo{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 0.5px;
	padding: 20px 0;
}
#secForm .boxCo .txt{
	padding: 0 0 10px;
}
@media only screen and (max-width: 767px){
	.co #secForm .wrapper{
		padding-top: 0;
	}
	#secForm .boxCo{
		letter-spacing: 0;
		padding: 20px 15px;
	}
}
/* ok */
#secForm .txtOk{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-align: center;
	padding: 50px 0 30px;
}
#secForm .txtOk02{
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0.5px;
	text-align: center;
	padding: 0 0 130px;
}
.secFormCo{ margin: 20px auto; width:640px; font-size:13px; line-height: 140%;}

@media only screen and (max-width: 767px){
	.ok #secForm .wrapper{
		padding-top: 0;
	}
	#secForm .boxOk{
		padding: 0 10px;
	}
	#secForm .txtOk{
		font-size: 15px;
		letter-spacing: 0;
		padding: 30px 0 20px;
		line-height: 150%;
	}
	#secForm .txtOk02{
		font-size: 13px;
		letter-spacing: 0;
		padding: 0;
		text-align: left;
	}
	.secFormCo{ margin: 20px auto; width:100%;}
}
/* btnBack */
.btnBack a{
	display: block;
	width: 190px;
	font-size: 15px;
	font-weight: 500;
	margin: 30px auto ;
	letter-spacing: 1px;
	line-height: 60px;
	text-align: center;
	color: #FFF;
	background: #333;
	border-radius: 4px;
	text-decoration: none;
}
.btnBack a:hover{
	background:#5C5C5C;
}
/* secDomain */
#secForm .secDomain{
	border:#CCCCCC solid 1px;
	width:640px;
	margin:30px auto 30px;
	padding:0 16px;
	box-sizing: border-box;
}
#secForm .secDomain .txtDomain01{
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:20px 0 0;
}
#secForm .secDomain .txtDomain02{
	line-height:18px;
	padding:16px 0 26px;
}
#secForm .secDomain .txtDomain03{
	color:#B70000;
}
@media only screen and (max-width: 767px){
	#secForm .secDomain{
		width:100%;
		margin:20px auto 20px;
		padding:0 16px;
		box-sizing: border-box;
	}
	#secForm .secDomain .txtDomain01{
		font-size:13px;
		font-weight:bold;
		letter-spacing:0.5px;
		padding:20px 0 0;
		line-height: 150%;
	}
	#secForm .secDomain .txtDomain02{
		font-size: 11px;
	}
}
/* btnForm */
#secForm .btnForm{
	display:block;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	width:300px;
	margin:0 auto;
	background:#171C61;
	line-height:70px;
	border-radius:5px;
	text-decoration:none;
}
#secForm .btnPrivacy{
	color:#000;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	display:block;
	width:640px;
	border-radius:5px;
	background:#F5F5F5;
	font-size:13px;
	text-align:center;
	margin:30px auto 0;
}
#secForm .btnPrivacy:hover{ filter:alpha(opacity=80);opacity:0.8; }
@media only screen and (max-width: 767px){
	#secForm .btnForm{
		display:block;
		font-size:17px;
		width:100%;
		line-height:70px;
	}
	#secForm .btnPrivacy{
		line-height:50px;
		width:100%;
		font-size:12px;
		margin:30px auto 0;
	}
}
/* お問い合わせ */
#secForm .labelList li,
#secForm .labelList li:nth-child(1){
    margin-bottom: 2px;
}
#secForm .labelList .label{
    font-size: 0;
}
#secForm .labelList .labelIn{
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin-left: 4px;
}
#secForm .txt1{
    margin: 6px 0 10px;
}
@media only screen and (max-width: 767px){
    #secForm .labelList li,
    #secForm .labelList li:nth-child(1){
        margin-bottom: 2px;
    }
    #secForm .labelList .label{
        font-size: 0;
    }
    #secForm .labelList .labelIn{
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        margin-left: 4px;
    }
    #secForm .txt1{
        margin: 5px 0 7px;
        font-size: 12px;
        line-height: 1.4;
    }
    #secForm ul li:first-child label{
        margin-bottom: 0;
    }
}

.titRecommend{
    text-align: center;
    margin-bottom: 90px;
}
.btnBack{
    width: 600px;
    margin: 0 auto;
    display: block;
    text-decoration: none;
}
@media only screen and (max-width: 767px){
    .titRecommend{
        width: 160px;
        margin: 0 auto 10px;
    }
    .btnBack{
        width: 240px;
    }
    .btnBack .btnLoad{
        margin-top: 30px;
    }
}


/* photo */
.boxImage .photo{
	max-width:914px;
	margin:0 auto;
	padding:32px 84px 40px;
	border:#CCCCCC solid 1px;
	border-top:none;
	margin-bottom:40px;
}

/* subImgArea */
#subImgArea{
	width:190px;
	height:390px;
	float:left;
}
#subImgArea .subImgList{
	margin:0 auto;
	padding-top:9px;
}
#subImgArea .subImgList .imgWrap{
	float:left;
	width:190px;
}
#subImgArea .subImgList .subImg{
	display:block;
	background:#FFFFFF;
	width:86px;
	height:86px;
	padding:1px;
	border:#D6D6D6 solid 1px;
	position:relative;
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
	text-decoration:none;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none;
	position:relative;
}
#subImgArea .subImgList .subImg:hover:before,
#subImgArea .subImgList .on:before{
	position:absolute;
	content:"";
	width:80px;
	height:80px;
	left:-1px;
	top:-1px;
	border:#B8AD4E solid 5px;
}
#subImgArea .subImgList .subImg .text{
	display:block;
	width:80px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	position:absolute;
	bottom:-19px;
	left:6px;
	font-size:10px;
	color:#333;
	text-align:left;
	text-decoration:none;
}
#subImgArea .subImgList .listView{
	height:390px;
	overflow:hidden;
	position:relative;
}
#subImgArea .subImgList .listView .listSlide{
	position:absolute;
}
#subImgArea .subImgList .txtSub{
	font-size:10px;
	color:#999999;
	text-align:center;
	margin-top:13px;
}

/* mainImgArea */
#mainImgArea{
	width:601px;
	padding-top:9px;
	height:418px;
	border-left:none;
	float:right;
}
#mainImgArea .photoText{
	text-align:center;
	font-size:12px;
	color:#333333;
	font-family:Verdana;
	padding:12px 0;
}
#mainImgArea .lightboxGuideText{
	width:auto;
	float:left;
	font-size:11px;
	color:#333333;
	padding:16px 0 0 15px;
	line-height:16px;
}
#mainImgArea .lightboxGuideText .text{
	background:url(../img/icon/lightbox_icon.gif) left center no-repeat;
	padding-left:18px;
}
#mainImgArea .mainImgList{
	width:520px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
#mainImgArea .mainImgList .mainImg{
	font-size:0;
	display:table;
	text-align:center;
	width:520px;
	height:390px;
}
#mainImgArea .mainImgList .mainImg a{
	display:table-cell;
	vertical-align:middle;
	background:#F5F5F5;
}
#mainImgArea .mainImgList .mainImg img{
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 370px;
}
#mainImgArea .secZoom{
	width:520px;
	margin:0 auto;
	position:relative;
}
#mainImgArea .iconZoom{
	position:absolute;
	right:0;
	bottom:0;
}
#mainImgArea .mainImgTextList .imgText{
	width:520px;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	color:#333333;
	display:none;
	font-weight:bold;
	padding-top:16px;
	margin:0 auto;
	font-family:Verdana;
}
#mainImgArea .mainImgTextList .imgTextLine{
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	padding-top:5px;
}
#mainImgPrev{
	position:absolute;
	left:-40px;
	top:164px;
}
#mainImgNext{
	position:absolute;
	right:-40px;
	top:164px;
}
/* lightbox表示後写真枠内措置 */
.lb-container{
	padding:0;
}
.txtThumbAttn{
	font-size:10px;
	color:#333;
	padding:10px 0 34px 4px;
}
@media only screen and (max-width:767px){
	#photo_sp{
		margin-bottom:30px;
	}
	#photo_sp .secPhotoSlider li{
		text-align:center;
	}
	#photoPager{
		background:#263040;
		font-size:0;
		text-align:center;
		padding:15px 0;
	}
	#photoPager a{
		display:inline-block;
		width:10px;
		height:10px;
		background:#FFFFFF;
		border-radius:10px;
		margin:0 4px;
	}
	#photoPager a.active{
		background:#C6B571;
	}
	#photo_sp .bx-controls-direction{
		position:relative;
	}
	#photo_sp .bx-controls-direction .bx-prev{
		position:absolute;
		top:0;
		left:0;
		width:40px;
		height:40px;
		display:block;
		font-size:20px;
		line-height:40px;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		background:#C6B571;
	}
	#photo_sp .bx-controls-direction .bx-next{
		position:absolute;
		top:0;
		right:0;
		width:40px;
		height:40px;
		display:block;
		font-size:20px;
		line-height:40px;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		background:#C6B571;
	}
}