#contents_base{
width: 100%;
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	float: left;
	transition: .8s;
}
.list li img{
	float: left;
	transition: .8s;
}
.list-mv07{
	opacity: 0;
	transform: translate(0,50px);
	-webkit-transform: translate(0,50px);
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.list-mv08{
	opacity: 0;
	transform: translate(50px,0);
	-webkit-transform: translate(50px,0);
}
.mv08{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.list-mv09{
	opacity: 0;
	transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
}
.mv09{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.list-mv10{
	opacity: 0;
	transform: translate(-50px,0);
	-webkit-transform: translate(-50px,0);
}
.mv10{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
@media screen and (max-width: 780px){
#contents_base{
width: 100%;
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.spbtn:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #ddd;
border-right: solid 2px #ddd;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
#bg_20170602{
width: 100%;
background: url("../img/contents/20170602/a_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}

#contents_base ul li{
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#contents_base ul li.w100{
width: 100%;
}
#contents_base ul li.w90{
width: 90%;
}
#contents_base ul li.w80{
width: 80%;
}
#contents_base ul li.w70{
width: 70%;
}
#contents_base ul li.w60{
width: 60%;
}
#contents_base ul li.w50{
width: 50%;
}
#contents_base ul li.w40{
width: 40%;
}
#contents_base ul li.w30{
width: 30%;
}
#contents_base ul li.w20{
width: 20%;
}
#contents_base ul li.w16{
width: 16.6666%;
}
#contents_base ul li.w12{
width: 12.5%;
}
#contents_base ul li.w10{
width: 10%;
}
#contents_base ul li.w25{
width: 25%;
}
#contents_base ul li.w33{
width: 33.33333333%;
}
#contents_base ul li.w66{
width: 66.66666666%;
}
#contents_base ul li img{
width: 100%;
}
@media screen and (max-width: 780px){
#contents_base ul li.ws100{
width: 100%;
}
#contents_base ul li.ws90{
width: 90%;
}
#contents_base ul li.ws80{
width: 80%;
}
#contents_base ul li.ws75{
width: 75%;
}
#contents_base ul li.ws70{
width: 70%;
}
#contents_base ul li.ws60{
width: 60%;
}
#contents_base ul li.ws50{
width: 50%;
}
#contents_base ul li.ws40{
width: 40%;
}
#contents_base ul li.ws30{
width: 30%;
}
#contents_base ul li.ws20{
width: 20%;
}
#contents_base ul li.ws10{
width: 10%;
}
#contents_base ul li.ws25{
width: 25%;
}
#contents_base ul li.ws33{
width: 33.33333333%;
}
#contents_base ul li.ws66{
width: 66.66666666%;
}
}
div.bgf{
background-color: #fff !important;

}
div.bg_no{
background: none;
width: 100%;
height: 350px;
}
div.bg_notitle{
width: 100%;
height: 1000px;
}
div.bg_notitle p{
font-size: 60px;
text-align: center;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
line-height: 1000px;
color: #fff;
margin: 0;
}
@media screen and (max-width: 780px){
div.bg_no{
background: none;
width: 100%;
height: 60px;
}
div.bg_notitle{
width: 100%;
height: 300px;
}
div.bg_notitle p{
font-size: 13px;
text-align: center;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
line-height: 300px;
color: #fff;
margin: 0;
}
}
div.bg20170609_a{
width: 100%;
background: url("../img/contents/20170609/a_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170609_b{
width: 100%;
background: url("../img/contents/20170609/b_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170609_c{
width: 100%;
background: url("../img/contents/20170609/c_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170609_d{
width: 100%;
background: url("../img/contents/20170609/d_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170609_e{
width: 100%;
background: url("../img/contents/20170609/e_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170609_f{
width: 100%;
background: url("../img/contents/20170609/f_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170616_t{
width: 100%;
background: url("../img/contents/20170616/title.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170616_ab{
width: 100%;
background: url("../img/contents/20170616/ab_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170616_ef{
width: 100%;
background: url("../img/contents/20170616/ef_bg.jpeg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170616_t2{
width: 100%;
background: url("../img/contents/20170616/title2.jpeg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170616_cd{
width: 100%;
background: url("../img/contents/20170616/cd_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
ul.contents20170609{
width: 1024px;
margin: 0 auto;
}
ul.contents20170609 li{
text-align: center;
}
ul.contents20170609 li.w32{
width: 31.35%;
}
ul.contents20170609 li.w68{
width: 68.65%;
}
ul.contents20170609 li img{
padding: 8px;
}
ul.contents20170609 li.item{
margin-top: 32px;
}
p.space100{
width: 100%;
height: 100px;
clear: both;
margin: 0;
padding: 0;
}
ul.contents20170609 li.title{
width: 100%;
font-size: 30px;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;}
ul.contents20170609 li.title2{
width: 100%;
font-size: 24px;
margin: 80px 0 0 0;
font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;}

ul.contents20170609 li a{
font-size: 12px;
color: #4f4f4f;
}
@media screen and (max-width: 780px){

ul.contents20170609{
width: 100%;
}
p.space100{
width: 100%;
height: 20px;
clear: both;
margin: 0;
padding: 0;
}
}

a span.click{
padding: 2px 8px;
background-color: #ddd;
color: #000;
}
a:hover span.click{
background-color: #000;
color: #fff;
}

.modal_q-overlay {
    z-index:2; /*�f���ł�header,footer��z-index:1�ɂ����̂� ���������グ�Ă��܂�*/
    display:none; /*js�Ńt�F�[�h�C���������܂�display:none*/
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh; /*100vh�Ńr���[�|�[�g�̍��������ς��ɂȂ��܂�*/
    background-color:rgba(0,0,0,.5)} /*�����͍D���ȐF�E�����x��*/
a.modal-open:hover {cursor:pointer} /*�J�[�\�����|�C���^��*/
.modal_q-content {
    position:fixed;
    display:none; /*js�Ńt�F�[�h�C���������܂�display:none*/
    z-index:5; /*�I�[�o�[���C��������*/
    margin:10px;
    padding:15px;
    border-radius:3px;
    text-align: center;
    background-color: #fff;
    }
.modal_q-content img {width:auto;max-height:55vh}
.modal_q-content h1 {font-size:120%; margin-bottom:0.5em}
a.modal_q-close { /*�N���[�Y�{�^���͉��ł��D���ȃX�^�C����OK*/
    position:absolute;
    top:0;
    right:10px;
    color:#b29c33;
    font-size:35px;
    line-height:1;
    font-weight:bold;
    text-decoration:none}
a.modal_q-close:hover {cursor:pointer} /*�J�[�\�����|�C���^��*/

ul.contents20170609q{
width: 1024px;
margin: 0 auto;
padding: 8px;
}
ul.contents20170609q li{
text-align: center;
padding: 8px;
}
ul.contents20170609q li img{


}
@media screen and (max-width: 780px){
ul.contents20170609q{
width: 100%;
padding: 4px;
}

}

p.text1{
color: #f00;
padding: 16px;
font-weight: bold;
margin: 0 auto;
}

p.text1 a{
color: #000;
padding: 16px 48px;
font-weight: bold;
border: 1px solid #ddd;
border-radius:3px;
}
p.text1 a:hover{
background-color: #ddd;
}
p.text2{
font-size: 13px;
padding: 16px ;
text-align: left;
}
p.qpontext{
border: 1px solid #ddd;
padding: 16px;
font-size: 30px;
font-weight: bold;
background-color: #ddd;
margin-bottom: 120px;
}
p.title1{

padding: 16px;
border-bottom: 1px dotted #ddd;
font-weight: bold;
text-align: left;
}
@media screen and (max-width: 780px){
p.qpontext{
font-size: 20px;
margin-bottom: 60px;
}
p.text1 a.btn{
font-size: 12px;
padding: 16px;
}
}

.member_img {
width:100%;
margin: 0 auto 40px auto;
text-align:center;
}

#mainTmage img{
transition: all 0.3s;
}

ul.flatsale_menu{
line-height: normal;
margin: 0 auto;

}
ul.flatsale_menu li {
width: 12.5%;
padding: 8px;
line-height: normal;
}
ul.flatsale_menu li a{
padding:8px 16px ;
display: block;
background: #E6071C;
color: #fff;
transition: all 0.3s;
border-radius:3px;
position: relative;
font-weight: bold;
line-height: normal;
}
ul.flatsale_menu li a:hover{
display: block;
background-color: #f00;
color: #fff;
transition: all 0.3s;
}
ul.flatsale_menu li a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 8px;
height: 8px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

@media screen and (max-width: 780px){
ul.flatsale_menu{
line-height: normal;
width: 100%;
margin: 0 auto;
padding: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.flatsale_menu li {
width: 50%;
padding: 4px;

}
}

p.contents_location{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: right;
padding-right: 16px;
}


a.btn-a{
display: inline-block;
padding: 16px 64px;
font-size: 16px;
font-weight: 700;
background-color: #444;
border: 2px solid #444;
color: #fff;
border-radius: 3px;
text-decoration: none;
transition: 0.4s;
}
a.btn-a:hover{
background-color: #fff;
color: #444;
}

a.btn-a:nth-child(n+2) {
	margin-left: 16px;
}


@media screen and (max-width: 768px){
a.btn-a{
display: block;
padding: 8px;
font-size: 12px;
position: relative;
}
a.btn-a::after {
	content: "";
	position: absolute;
	height: 8px;
	width: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	top: 50%;
	left: auto;
	right: 12px;
	z-index: 1;
	transition: 0.4s all;
	-webkit-transform: rotate(45deg) translate(-40%,-40%);
	transform: rotate(45deg) translate(-40%,-40%);
}
a.btn-a:nth-child(n+2) {
		margin:8px 0 0;
	}
}