@charset "utf-8";
/* CSS Document */

html {

}

body {
	min-width: 980px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	font-size: 13px;
	/font-size: 13px; /* ie6_7 */
	font-size: 13px\9; /* ie8 */
	background: #000000;
	text-align/*\**/: center\9;
	color: #4a4a4a;
}


/*
#selector {
	background: url("") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/

/*
#selector {
	min-height: 300px;
	height: auto!important;
	height: 300px;
}
*/

/* __ ipad用 __ */
@media screen and (max-device-width: 1024px) {
	#selector {
		property:value;
	}
}

/* __ ie6用 __ */
* html #selector {
	property:value;
}

/* __ ie7用 __ */
*+html #selector {
	property:value;
}

/* __ ie6_7用 __ */
#selector {
	/property:value;
}

/* __ ie8用 __ */
#selector {
	property:value\9;
}

/* __ Firefox用 __ */
#selector, x:-moz-any-link {
	property:value;
}


/*____________________ BODY ____________________*/
.bg_area {
	background: url("../images/bg_main.jpg") no-repeat center -17em;
}

.bg_light {
	background: url("../images/bg_light.png") no-repeat top center;

}

.wapper {
	width: 980px;
	margin: 0 auto;
	padding-top:30px;
	text-align/*\**/: left\9;
}


/*____________________ HEADER ____________________*/
#HEADER h1 a {
	background: url("../images/img_logo.gif") no-repeat top left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:229px;
	height:52px;
	display:block;
}


/*____________________ CONTENTS ____________________*/
#CONTENTS {
	padding: 35px 0 45px;
	min-height:590px;
	height: auto!important;
	height: 590px;
	
	/* 250606追加（flex） */
	display: flex;
	flex-direction: row;
}


/*____________________ NAVI_AREA ____________________*/

#NAVI_AREA {
	float:left;
	width:217px;
}

/*__________ NAVI1 __________*/

#NAVI_AREA div.navi1 {
}

#NAVI_AREA div.navi1 ul li,
#NAVI_AREA div.navi2 ul li {
	margin-top: 15px;
}

li.aquxya_flower_jewels a {
	background: url("../images/btn_aquxya_flower_jewels.png") no-repeat top left;
	width:203px;
	height:38px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.flower_school a {
	background: url("../images/btn_flower_school.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.bouquet_boutonniere a {
	background: url("../images/btn_bouquet_boutonniere.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.event a {
	background: url("../images/btn_event.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
li.flower_onlineshop a {
	background: url("../images/btn_flower_onlineshop.png") no-repeat top left;
	width:203px;
	height:36px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}
li.jewelry_onlineshop a {
	background: url("../images/btn_jewelry_onlineshop.png") no-repeat top left;
	width:203px;
	height:36px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}


li.aquxya_flower_jewels  a:hover {
	background: url("../images/btn_aquxya_flower_jewels.png") no-repeat bottom left;
}

li.flower_school  a:hover {
	background: url("../images/btn_flower_school.png") no-repeat bottom left;
}

li.bouquet_boutonniere a:hover {
	background: url("../images/btn_bouquet_boutonniere.png") no-repeat bottom left;
}

li.event a:hover {
	background: url("../images/btn_event.png") no-repeat bottom left;
}
li.flower_onlineshop a:hover {
	background: url("../images/btn_flower_onlineshop.png") no-repeat bottom left;
}
li.jewelry_onlineshop a:hover {
	background: url("../images/btn_jewelry_onlineshop.png") no-repeat bottom left;
}


/*__________ NAVI2 __________*/

#NAVI_AREA div.navi2 {
	margin-top:45px;
}

li.zoe_recreation a {
	background: url("../images/btn_zoe_recreation.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.love_course a {
	background: url("../images/btn_love_course.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.zoe_recreation_event a {
	background: url("../images/btn_zoe_recreation_event.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.contact a {
	background: url("../images/btn_contact.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.zoe_recreation a:hover {
	background: url("../images/btn_zoe_recreation.png") no-repeat bottom left;
}

li.love_course a:hover {
	background: url("../images/btn_love_course.png") no-repeat bottom left;
}

li.contact a:hover {
	background: url("../images/btn_contact.png") no-repeat bottom left;
}

/*__________ NAVI3 __________*/

#NAVI_AREA div.navi3 {
	margin-top:45px;
}

li.corporate_profile a {
	background: url("../images/btn_corporate_profile.png") no-repeat top left;
	width:203px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display:block;
}

li.corporate_profile a:hover {
	background: url("../images/btn_corporate_profile.png") no-repeat bottom left;
}

#NAVI_AREA div.navi1 ul li,
#NAVI_AREA div.navi2 ul li,
#NAVI_AREA div.navi3 ul li {
	/line-height:0;
}

#NAVI_AREA ul li a {
	/line-height:normal;
}


/*__________ NEWS __________*/
#NEWS_AREA {
	margin-top:45px;
}

#NEWS_AREA .news_b {
	background: url("../images/img_news_b.gif") no-repeat bottom left;
	padding-bottom: 5px;
}


#NEWS_AREA .news_b h2 {
	background:url("../images/img_news_h.gif") no-repeat top left;
	width: 217px;
	height: 46px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#NEWS_AREA .news_i {
	background:url("../images/img_news_i.gif") repeat-y top left;

}

*+html #NEWS_AREA .news_i {
	padding-bottom: 1px;
}

#NEWS_AREA .n_txt_area {
	padding: 0 15px 10px 22px;
}

#NEWS_AREA .n_txt_area p {
	color: #3F3F3F;
	line-height: 1.5em;
}

#NEWS_AREA .txt_box {
	padding-top: 10px;
}

#NEWS_AREA .boder_dot {
	background: url("../images/img_n_dot.gif") no-repeat bottom left;
	padding-bottom: 10px;
}

p.btn_summary {
	text-align: right;
	margin-top: 10px;
}


/*____________________ CONTENTS_AREA ____________________*/

#CONTENTS_COVER{
	float: right;
	width: 678px;
	
	display:flex;
	
	flex-direction: column;
}


#CONTENTS_AREA {
	width:100%;
}

#CONTENTS_AREA .main_txt {
	background: url("../images/img_main_txt.png") no-repeat bottom left;
	width: 549px;
	height:153px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#CONTENTS_AREA_SUB{
	margin:33em 0.5em 5px;
	padding:1em;
	width:calc( 140% - 3em );
	
	background-color:rgba( 255, 255, 255, 1 );
}

#CONTENTS_AREA_SUB h2{
	text-align:center;
	
	font-size:1.5em;
	
	color:#CA9A0E;
	
	margin:0 auto 1em;
}

#CONTENTS_AREA_SUB p{
	line-height:1.75em;
	margin:1.0em 0;
	
	font-size:1.125em;
	
	text-align:center;
}

.product-group, .product-group dl{
	display:flex;
	flex-wrap: wrap;
}

.product-group.product-columns-1, .product-group dl{
	flex-direction: column;
}

.product-group.product-columns-1,
.product-group.product-columns-2{
	padding:5px;
	
	width:calc( 100% - 10px );
}

.product-group.product-columns-1{
	
}

.product-group.product-columns-2{
	flex-direction: row;
}

.product-group dl{
	padding:3px;
	
	width:calc( 100% - 6px );
}

.product-group.product-columns-2 dl{
	width:calc( 100% / 2 - 6px - 0.5em );
}

.product-group.product-columns-2 dl:nth-child(2n+1){
	margin-right:0.5em;
}

.product-group.product-columns-2 dl:nth-child(2n){
	margin-left:0.5em;
}

.product-group dl dt, .product-group dl dd{
	width:100%;
	
	text-align:center;
}

.product-group dl dt{
	/* 書体の優先順位はLinux＞Windows＞Mac OS＞英文 */
	font-family:"Noto Serif CJK JP",TakaoPMincho,"IPAX0208PMincho","Noto Serif JP","Yu Mincho","MS PMincho",YuMincho,"Hiragono Mincho ProN","Times New Roman",serif;
	
	font-weight:bold;
	
	
	margin-bottom:8px;
	
	font-size:1.35em;
}

.product-group dl dd{
	
}

.product-group dl dd img{
	width:auto;
}

.product-group ul.product-images{
	display:flex;
}

.product-group ul.product-images li{
	margin:0 0 1em;
}

.product-group ul.product-images.product-image-2columns{
	flex-direction: row;
}

.product-group ul.product-images.product-image-1columns{
	flex-direction: column;
}

.product-group ul.product-images.product-image-2columns li{
	width:calc(100% / 2 - 0.5em);
}

.product-group ul.product-images.product-image-2columns li:nth-child(2n+1){
	margin-right:0.5em;
}

.product-group ul.product-images.product-image-2columns li:nth-child(2n){
	margin-left:0.5em;
}

.product-group ul.product-images li img{
	max-width:100%;
	height:auto;
}



/*____________________ 会社概要 ____________________*/

#CONTENTS_AREA_2017,
#CONTENTS_AREA_2016,
#CONTENTS_AREA_2015,
#CONTENTS_AREA_2 {
	background: url("../images/bg_white.png") repeat top left;
	float: right;
	width: 638px;
	padding:20px;
}

h2.tit_img {
	background: url("../images/tit_img.png") no-repeat top left;
	width: 629px;
	min-height:10px;
	height: auto!important;
	height: 10px;
	padding:10px 10px 8px;
}

#CONTENTS_AREA_2017 h2,
#CONTENTS_AREA_2016 h2,
#CONTENTS_AREA_2015 h2,
#CONTENTS_AREA_2 h2 {
	color: #ffffff;
	font-size: 18px;
}

.corporate {
	background: #ffffff;
	width: 638px;
	border: solid 1px #b2b2b2;
	margin-top:20px;
}

* html .corporate {

}

.corporate th {
	background: #e5e5e5;
	width: 150px;
	font-size: 14px;
	font-weight:bold;
	padding: 10px;
	border: solid 1px #b2b2b2;
	text-align: left;
	line-height: 1.6;
}

.corporate td {
	padding: 10px;
	font-size: 14px;
	border: solid 1px #b2b2b2;
	text-align: left;
	line-height: 1.6;
}

/*____________________ お問い合わせフォーム ____________________*/

.err {
	color: #d3272d;
	font-size: 13px;
}

.form_btn_area {
	text-align: center;
	padding-top: 20px;
}

.form_btn_area input:hover{
	background-position:bottom left;
}

p.form_btn1 {
	width: 125px;
	margin: 0 auto;
}

ul.form_btn2 {
	width: 198px;
	margin: 0 auto;
}

ul.form_btn2 li {
	float: left;
}

p.form_btn1 {
	width: 125px;
	margin: 0 auto;
}


.advance {
	background:url("../images/btn_advance.png") no-repeat top left;
	width: 125px;
	height: 30px;
	border: 0 none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
}

.back {
	background:url("../images/btn_back.png") no-repeat top left;
	width: 125px;
	height: 30px;
	border: 0 none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin-right: 10px;
	cursor: pointer;
}

.transmission {
	background:url("../images/btn_transmission.png") no-repeat top left;
	width: 63px;
	height: 30px;
	border: 0 none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
}


/*____________________ LEASE CONTEST ____________________*/

.contents {
	background: #ffffff;
	width: 598px;
	border: solid 1px #b2b2b2;
	margin-top:20px;
}

table.txt_color {
	color: #8d7a4f;
}

.contents th {
	background: #f3f1ed;
	width: 150px;
	font-size: 14px;
	font-weight:bold;
	padding: 10px;
	border: solid 1px #bbaf95;
	text-align: left;
	line-height: 1.6;
}

.contents td {
	padding: 10px;
	font-size: 14px;
	border: solid 1px #bbaf95;
	text-align: left;
	line-height: 1.6;
}

#MAIN_AREA_LEASE {
	background: #FFF;
}

#MAIN_LEASE_DETAIL {
	padding: 25px 20px 30px;
}

p.detail_lease {
	border-top: 1px solid #bbaf95;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 13px;
}

p.lease_red {
	color: #e50011;
	font-size: 13px;
}

.prize_area {
	border: solid 2px #8d7a4f;
	background: #fef9f4;
}

.prize_box {
	padding: 15px;
}

.prize_box_r {
	width: 274px;
	color: #8d7a4f;
	line-height: 1.7em;
	font-size: 15px;
}

ul.access {
	font-weight: bold;
	border-top: dotted 1px #8d7a4f;
	margin-top: 8px;
	padding-top: 8px;
}

ul.access li.access_txt {
	padding-left: 3em;
	text-indent: -3em;
}

#LEASE_PRIZE h3 {
	padding-top: 25px;
	margin-top: -25px;
}

#BTN_AREA_INQ {
	padding-bottom: 30px;
}


/*____________________ FOOTER ____________________*/

#FOOTER_AREA {
	padding: 5px 0;
	background: #000000;
}

#FOOTER {
	width: 980px;
	margin: 0 auto;
}

#COPY {
	color: #989898;
	text-align: right;
}

/*____________________ CONTENT ____________________*/


/*____________________ FOOTER ____________________*




/*======================
160803追加
======================*/

/*____________________ Flower ____________________*/

#CONTENTS_AREA_3 {
	background: url("../images/bg_white.png") repeat top left;
	float: right;
	width: 638px;
	padding:20px;
}
#CONTENTS_AREA_3 h2 {
	color: #ffffff;
	font-size: 18px;
}
#CONTENTS_AREA_3 h2 span{
	font-size: 14px;
}
#CONTENTS_AREA_3 .main_txt{
	line-height: 170%;
}
#CONTENTS_AREA_3 .inner {
	background-color: #fff;
	padding: 20px;
	font-size: 13px;
}

/*======================
161019追加
======================*/

/*____________________ Xmasリース2016 ____________________*/


.subscription{
	color: #8d7a4f;
	border: 1px solid #8d7a4f;
	padding: 15px;
	font-size: 15px;
	text-align: center;
}

.tel{
	font-size: 24px;
	margin-left: 10px;
	color: #e50011;
}

.leace_end{
	text-align: center;
	border: 2px solid;
	padding: 15px;
	font-size: 20px!important;
}



/*____________________ アレンジ ____________________*/

#CONTENTS_AREA_3 .main_txt{
	font-size: 14px;
}

.sw_Ar_img {
	width: 294px;
	height: 195px;
}

.Ar_img{
	width: 294px;
	height: 195px;
	float: right;
}

.Ar_imgli{
	margin:0 3px 3px 0;
	float: left;
}

#CONTENTS_AREA_3 .Ar_imgUl li:nth-child(3n){
	margin-right: 0;
}

.Ar_imgli img{
	width: 96px;
	height: 96px;
}

.Ar_txt{
	margin-top: 15px;
	width: 294px;
	font-size: 15px;
	line-height: 150%;
}

.ProductArea{
	margin-top: 30px;
}

.ProductArea h3+ul{
	margin: 25px 0;
}


.pr_Area_li{
	background: url("../images/flower/arrange/dot_back.jpg") repeat-x bottom left;
	padding-bottom: 25px;
}

.messageArea{
	margin-top: 10px;
}

.pr_Area_li p img{
	font-size: 20px;
}

.messagelist{
	color: #656565;
	background-color: #fbfaf7;
	width: 246px;
	padding:24px;
	margin-bottom: 20px;
}

.messagelist p{
	font-size: 15px;
	font-weight: bold;
}

.messagelist li{
	font-size: 12px;
	line-height: 200%;
}

.messageBox{
	width: 294px;
	float: right;
}

.messageBox{
	width: 294px;
	float: right;
}

.messageBox .boxTit{
	font-size: 15px;
	margin-bottom: 10px;
}

.messageEtc .text{
	font-size: 14px;
	line-height: 170%;
}

.messageBox p.textTit{
	color:#977b33;
	font-size: 17px;
	padding-bottom: 10px;
}

.dotBorder {
	padding: 20px 0;
	clear: both;
}

.InquiryArea{
	width: 598px;
	height: 169px;
	margin-top: 50px;
}

/*======================
161031追加
======================*/

.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:762px;
    margin:0;
    padding: 20px;
    background:#fff;
}

.modalBox{
	position: relative;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
	position: absolute;
	right: -30px;
	top: -30px;
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

.modalBoxIn{
	border: 1px solid #f9f8f6;
	background: #f9f8f6;
}

.modalBtn{
	padding: 15px;
}

.btnArrowBox{
	position: relative;
}

.modalBtn .btnLeft{
	float: left;
}

.modalBtn .btnRight{
	float: right;
}

.btnArrow{
	position: absolute;
	margin: auto !important;
	right: 15px;
	top: 0px;
	bottom: 0px;
	height: 6px;
	transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease; */
	-moz-transition: all 0.25s ease;
}

.tern{
	transform: rotateZ(180deg);
}

.typeBtnArea{
	display: none;
	background: #beac80;
}

.patternBtnArea{
	display: none;
	background: #e5e5e5;
}

.typeBtnArea li{
	cursor: pointer;
	padding: 10px ;
	color: #fff;
	background: #beac80;
	border-bottom: 1px solid #fff;
}

.typeBtnArea li:hover{
	background: #977b33;
}

.patternBtnArea li{
	cursor: pointer;
	padding: 10px ;
	color: #000;
	background: #e5e5e5;
	border-bottom: 1px solid #fff;
}

.patternBtnArea li:hover{
	background: #000;
	color: #fff;
}

.typeBtnArea li.on{
	background: #977b33;
}

.patternBtnArea li.on{
	background: #000;
	color: #fff;
}

.btnPattern{
	margin-top: 20px;
}


/*======================
171219追加
======================*/
.lease_contest_link{
	float: right;
	width: 638px;
	padding: 20px;
}
.lease_contest_link ul li{
	float: left;
	width: 33.33%;
	text-align:center;
}
.lease_contest_link ul li.contents_area_2017 a{
	background: url(../images/title_2017.png) no-repeat top center;
	width: 100%;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.lease_contest_link ul li.contents_area_2016 a{
	background: url(../images/title_2016.png) no-repeat top center;
	width: 100%;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.lease_contest_link ul li.contents_area_2015 a{
	background: url(../images/title_2015.png) no-repeat top center;
	width: 100%;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
}
.lease_contest_link ul li.contents_area_2017 a:hover{
	background: url(../images/title_2017_gold.png) no-repeat top center;
	cursor: pointer;
}
.lease_contest_link ul li.contents_area_2016 a:hover{
	background: url(../images/title_2016_gold.png) no-repeat top center;
	cursor: pointer;
}
.lease_contest_link ul li.contents_area_2015 a:hover{
	background: url(../images/title_2015_gold.png) no-repeat top center;
	cursor: pointer;
}
.main_area_lease {
	background: #FFF;
}
.main_lease_detail {
	padding: 25px 20px 30px;
}

/* 2021/11/26 demoページ用*/
li.flower_onlineshop2 a {
	background: url("../images/btn_flower_onlineshop_.png") no-repeat top left;
}
li.flower_onlineshop2 a:hover {
	background: url("../images/btn_flower_onlineshop_.png") no-repeat bottom left;
}

/* 221021追加 */
.corporate_profile2 {
	font-family :
	YuMincho,    /* Mac用 */
	'Yu Mincho', /* Windows用 */
	serif;
	font-size: 16px;
	margin-left: 1.5rem;
	position: relative;
}

.corporate_profile2 a {
	text-decoration: none;
	color: #fff;
}

.corporate_profile2 a:hover {
	color: #8D7A4F;
}


.corporate_profile2::before {
	display: block;
	content: "";
	width: 16px;
	height: 19px;
	background: url(../images/btn_corporate_profile2.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 11%;
	left: -12%;
}


/* 20250606追加 */