@charset "utf-8";

/**
 *
 * TopPage
 *
 */

/*===============================================
●style.css 画面の横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}
#container{
    width:100%;
}

/* Slider */
#slider {
	background: white;
	width: 935px;
	margin: 20px auto;
}
#slider a {
	display: block;
}
.theme-default .nivoSlider {
	margin-bottom: 0px !important;
}

#top_information {
	width: 620px;
	margin-right: 10px;

}
#top_information #to_detail {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
}
#top_information ul {
	margin: 0px 20px;
}
#top_information ul:after {
	clear: both;
	content: ".";
	height: 0px;
	display: block;
	visibility: hidden;
}
#top_information ul li {
	/*width: 266px;*/
	width: 50%;
	height: 100px;
	float: left;
	position: relative;
	margin-bottom: 20px;	
}
#top_information ul li.li_right {
	float: right;
}
#top_information ul li .pic {
	padding: 5px;
	height: 90px;
	float: left;
	background: white;
}
#top_information ul li .text {
	float: right;
	width: 160px;
}
#top_information ul li p {
	padding: 0px !important;
}
#top_information ul li .text .date {
	color: #d31275;
	font-size: 10px;
	margin-bottom: 10px;
}
#top_information ul li .text .intro {

}
#top_information ul li .text .to_detail {
	text-align: right;
	position: absolute;
	right: 5px;
	bottom: 0px;
	font-size: 10px;
}


#top_profile {
	width: 305px;
	height: 390px;
}

#top_bridal {
	width: 305px;
	height: 390px;
	margin-right: 10px;
}
#top_image_consulting {
	width: 305px;
	height: 390px;
	margin-right: 10px;
}
#top_goods_gift {
	width: 305px;
	height: 390px;
}	

aside.banner {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
aside.banner.banner_right {
	margin-right: 0px !important;
}


}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}
#container{
    width:100%;
}

/* Slider */
#slider {
	background: white;
	width: 100%;
	margin: 20px auto;
}
#slider img {
	width: 100%;
}
#slider a {
	display: block;
}
.theme-default .nivoSlider {
	margin-bottom: 0px !important;
}

#top_information {
	width: 620px;
	margin-right: 10px;

}
#top_information #to_detail {
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
}
#top_information ul {
	margin: 0px 20px;
}
#top_information ul:after {
	clear: both;
	content: ".";
	height: 0px;
	display: block;
	visibility: hidden;
}
#top_information ul li {
	width: 266px;
	height: 100px;
	float: left;
	position: relative;
	margin-bottom: 20px;	
}
#top_information ul li.li_right {
	float: right;
}
#top_information ul li .pic {
	padding: 5px;
	height: 90px;
	float: left;
	background: white;
}
#top_information ul li .text {
	float: right;
	width: 160px;
}
#top_information ul li p {
	padding: 0px !important;
}
#top_information ul li .text .date {
	color: #d31275;
	font-size: 10px;
	margin-bottom: 10px;
}
#top_information ul li .text .intro {

}
#top_information ul li .text .to_detail {
	text-align: right;
	position: absolute;
	right: 5px;
	bottom: 0px;
	font-size: 10px;
}


#top_profile {
	width: 305px;
	height: 390px;
}

#top_bridal {
	width: 305px;
	height: 390px;
	margin-right: 10px;
}
#top_image_consulting {
	width: 305px;
	height: 390px;
	margin-right: 10px;
}
#top_goods_gift {
	width: 305px;
	height: 390px;
}	

aside.banner {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
aside.banner.banner_right {
	margin-right: 0px !important;
}


}


.theme-default .nivoSlider img {
	line-height: 1em;
	display: block !important;
}