@charset "utf-8";
/* CSS Document */

img a{border:0;
}

a:hover img{
	opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

#dreamhouse_top{
	width: 100%;
}

#dreamhouse_contents{
	position:relative;
	overflow: hidden;
	margin-bottom: 10px;
}

.img_size{
	width: 100%;
}

.att{
	margin-top: 10px;
	margin-left: 10px;
padding-left:1em;
text-indent:-1em;
list-style-type: none;
}

#ph_main{
	position:relative;
	height: auto;
	margin-bottom: 40px;
}


.btn_movie {
    position: absolute;
    right: 5%;
    top: 22%;
    width: 20%;
}

.btn_movie a:hover img {
    opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.btn_movie img {
    width: 100%;
	height: auto;
}

#house_main{
	background-image: url(img/bg_repeat02.png);
	padding-bottom: 15px;
}

#hime_main{
	background-image: url(img/bg_repeat.png);
}

#movie_main{
	background-image: url(img/bg_repeat03.png);
	padding-bottom: 15px;
}

#hime_mainIn{
	position: relative;
	height: 1480px;
}

.btnListType02 { padding: 0 0 0 10px;}
.btnListType02 li {
	float: left;
	width: 238px;
	margin: 0 7px 30px 0;
}
.btnListType02 li .products { margin-bottom: 10px;}
.btnListType02 li .productsBtns01 { padding: 0 20px 0 20px;}
.btnListType02 li .productsBtns01 .btn01 { margin-bottom: 5px; text-align:center;}
.btnListType02 li .productsBtns01 .btn01 img { width: 180px !important; height: auto;}
.btnListType02 li img { width: 100%; height: auto;}
.btnListType02 li .products01 a:hover,
.btnListType02 li .productsBtns01 .btn01 a:hover { opacity: 0.9;}

.ph01{
	float:left;
	display: inline-table;
	}

.ph01 img{
	width: 375px;
}


.ph01.maria{
	position: absolute;
	right:0;
	top:67%;
}

.clear { clear:both; }

.clear hr { display:none; } 

.ph02{
	display:block;
	}
	
	.ph03{
	float:left;
	display: inline-table;
	}

.ph03 img{
	width: 430px;
}

.ph04{
	float:left;
	display: inline-table;
	}

.ph04 img{
	width: auto;
	height: 364px;
	text-align:center;
}


ul.linkbtn{
	margin-left:15px;
}

ul.linkbtn li{
	float:left;
	margin-right: 5px;
	margin-bottom: 15px;
}

ul.linkbtn li a.buy, ul.linkbtn li.buy{
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	background-image: url(img/btn_buy_yochien01_no.png);
	background-size: 150px 42px;
	width: 150px;
	height: 42px;
	text-indent: -9999px;
	display: block;
}

ul.linkbtn li a.buy:hover{
	background-image: url(img/btn_buy_yochien01_on.png);
	background-size: 150px 42px;
}

ul.linkbtn li img{
	width: auto;
}

ul.linkbtn2{
	margin-left:0px;
}

ul.linkbtn2 li a.syosai{
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	background-image: url(img/btn_detail_yochien01_no.png);
	background-size: 150px 42px;
	width: 150px;
	height: 42px;
	text-indent: -9999px;
	display:block;
}

ul.linkbtn2 li a.syosai:hover{
	background-image: url(img/btn_detail_yochien01_on.png);
	background-size: 150px 42px;
}

ul.linkbtn2 li a.buy, ul.linkbtn li.buy{
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	background-image: url(img/btn_buy_yochien01_no.png);
	background-size: 150px 42px;
	width: 150px;
	height: 42px;
	text-indent: -9999px;
	display: block;
}

ul.linkbtn2 li a.buy:hover{
	background-image: url(img/btn_buy_yochien01_on.png);
	background-size: 150px 42px;
}

/* 動画 */

.dreamhouseMovieList01 {
	text-align: center;
}

.dreamhouseMovieList01 li {
	display: inline-block;
	width: 320px;
	margin: 20px 12px 0;
	background: url(img/bg_movie01.png) no-repeat center bottom;
	background-size: 315px 222px;
	padding: 0 3px 32px 0;
}

.dreamhouseMovieList01 li.not {
	display: inline-block;
	width: 320px;
	margin: 0 12px;
	padding: 0 3px 32px 0;
	background-image: none;
}

.dreamhouseMovieList01 li dt {
	color: #0066ff;
	font-weight: bold;
	font-size: 14px;
	height: 47px;
	margin-bottom: 14px;
}

.br_pc{
	display: block;
}

.br_sp{
	display: none;
}



@media screen and (max-width: 639px) {
	
	#dreamhouse_top{
	width: 100%;
	background-size: 100% 100%;

}

.btnListType02 { padding: 0 10px;}
.btnListType02 li {
	width: 48%;
	margin: 0 1% 20px;
}
.btnListType02 li .products01 { margin-bottom: 4px;}
.btnListType02 li .productsBtns01 { padding: 5px 20px 20px 5px;}
.btnListType02 li .productsBtns01 .btn01 { margin-bottom: 5px;}
.btnListType02 li .productsBtns01 .btn01 img { width: 100% !important; height: auto;}
.btnListType02 li .products01:hover,
.btnListType02 li .productsBtns01 .btn01:hover { opacity: 1;}


ul.linkbtn li img, ul.linkbtn2 li a img{
	width: 130px;
	height: auto;
}

#ph_main{
	position:relative;
	height: auto;
	margin-bottom: 0;
}

#hime_mainIn{
	position: relative;
	min-height: 1100px;
}

.ph01.licca{
	position: relative;
}

.ph01.maria{
	position: relative;
}

.ph01 img{
	width: 100%;
}

.ph03 img{
	width: 100%;
	}
	
.ph04{
	margin-left: 10px;
	width: 100%;
	}

.ph04 img{
	width: 310px;
	height: 364px;
	text-align:center;
}

ul.linkbtn2{
	margin-left:10px;
}

.btn_movie {
    position: absolute;
    right: 5%;
    top: 35%;
    width: 20%;
}

.yuttariMovieList01 li dt {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    color: #000;
    font-weight: normal;
    margin-bottom: 24px;
    min-height: 60px;
    padding: 5px 5px 4px;
}


}
