@charset "utf-8";

body{
/*
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
*/
font-family: YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 14px;
	line-height: 1.8em;
	overflow-x: hidden;
	width: 100%;
	height: auto;
	background-color:#FFF;
	-webkit-text-size-adjust: 100%;

}
img{ width:100%; height:auto;}
.sp_none{ display:none;}
/*
.tableStyle{ border-left:1px solid #e3d2d1; border-right:1px solid #e3d2d1; border-collapse:collapse; border-spacing:0;}
.tableStyle tr:nth-child(odd) { background-color:#eee; }
.tableStyle th , .tableStyle td{ text-align:left; font-weight:normal; border-bottom:1px solid #e3d2d1; border-collapse:collapse}
*/
.price_text{ text-align:right;}
.sp_noWrap{ display:block;}
/*
@media only screen and (max-width:667px){
.tableStyle th{ font-size:11px; }
}
@media only screen and (min-width:668px){
.tableStyle th{ white-space:nowrap; }
}
@media only screen and (max-width:375px){
.tableStyle th{ width:90px; font-size:11px; line-height:1.4em; white-space:normal;}
.tableStyle td{ font-size:11px; line-height:1.4em; }
}

.tableStyle td:first-child {
  background: #fbf5f5;
}
*/
/*
.tableStyle {
  width: 80%;
}
*/
.tableStyle{
	border-left:1px solid #e3d2d1;
	border-right:1px solid #e3d2d1;
	border-collapse:collapse;
	border-spacing:0;
}
.tableStyle tr:nth-child(odd) { background-color:#eee; }

.tableStyle th,
.tableStyle td{
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #e3d2d1;
	border-collapse:collapse;
}

.tableStyle .thead {
  display: none;
}
.tableStyle tr {
  width: 100%;
}
.tableStyle td {
  display: block;
  width: 100%;
}
.tableStyle td:first-of-type {
	padding:3px 0;
  background: #e9727e;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.tableStyle td:nth-of-type(2),
.tableStyle td:nth-of-type(3) {
  display: flex;
/*
  display: block;
  text-align: right;
*/
  width: 100%;
	text-align:left;
/*
	padding:3px 0;
*/
	background:#fff;
	box-sizing:border-box;
}
.tableStyle td:nth-of-type(3) {
	padding:10px 5px;
}
.tableStyle td:before {
  content: attr(data-label);
  font-weight: bold;
  margin-right: 10px;
/*
	background:#f5fff8;
	display:block;
*/
	float:left;
	white-space:nowrap;
}

.tableStyle tr.fig td { background:#fffdce !important;}
.tableStyle tr.fig td img { max-width:185px;}
.tableStyle tr.fig td.price_text {text-align:left;}
.tableStyle tr.fig span.small {font-size:14px; }

p.flower{ padding-left:30px; background:url(../images/icn_flower.png) no-repeat 0 center; margin-bottom:.5em; font-size:18px; color:#ff8871; }
p.flower_txt{ padding-left:30px; font-size:16px;}

.link{ padding-right:20px; background:url(../images/icn_link.png) no-repeat right  1px / auto 12px;}
.external{ padding-right:25px; background:url(../images/icn_external.png) no-repeat right 0;}


/* -------------------------------

header Large

------------------------------- */
#hdr_container { width:100%; background-color:#FFF; height:75px;}
#hdr_container #hdr{ display:none;}
#hdr_container #hdr_sp{ margin:0 auto; width:100%; padding:15px 1% 0; position:fixed; display:flex; z-index:20; height:75px; background:#fff; box-sizing:border-box;}
#hdr_container #logo{ width:48%; max-width:202px; margin-right:10px;}
#hdr_container .hdr_phone{ width:12%; max-width:69px; margin-right:2%;}
#hdr_container .hdr_contact{ width:12%; max-width:52px;}

/*
.hdr_phone_s{ width:280px; height:54px; margin:80px auto 10px; background:url(../images/hdr_phone.png) no-repeat; background-size:260px 54px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;}
*/


/* nav */
#hdr_container nav.drawer-nav{ }
#hdr_container nav.drawer-nav button.spNav_close{ width:100%; height:58px; background:url(../images/nav_btn_close.png) no-repeat right; background-size:57px 58px; border:none; margin-top:7px; outline:none; text-indent:-9999px; border-bottom:1px solid #DDD;}

#hdr_container nav.drawer-nav ul{ width:100%;}
#hdr_container nav.drawer-nav ul li{ width:100%; height:60px; display:table; border-bottom:1px solid #DDD; line-height:1.2em; }
#hdr_container nav.drawer-nav ul li p{ display:table-cell; vertical-align:middle;}
#hdr_container nav.drawer-nav ul li a{ display:block; padding:10px 15px;  text-align:left;}

#hdr_container nav.drawer-nav ul li.nav_contact{}
#hdr_container nav.drawer-nav ul li.nav_contact p{ padding:10px;}
#hdr_container nav.drawer-nav ul li.nav_contact a{ width:85%; border-radius:25px; border:12px solid #ff8f00; color:#FFF; background:url(../images/icon_contact_arrow_s.png) no-repeat right center #ff8f00; background-size:10px 16px; display:block; margin:0 auto; padding:0;}


nav.drawer-nav ul li a{ text-align:center; font-weight:bold;}
nav.drawer-nav ul li a:link, nav.drawer-nav ul li a:visited{	color:#333;	text-decoration:none;}
nav.drawer-nav ul li a:hover, nav.drawer-nav ul li a:active{	color:#ff8f00;	text-decoration:none;}


nav.drawer-nav ul li span{ font-size:10px;}
nav.drawer-nav ul li.nav_contact a:link, nav.drawer-nav ul li.nav_contact a:visited{	color:#FFF;	text-decoration:none;}
nav.drawer-nav ul li.nav_contact a:hover, nav.drawer-nav ul li.nav_contact a:active{	color:#FFF;	text-decoration:none; background-color:#fcae4a;}






/* -------------------------------

slider

------------------------------- */

#slider{ width:100%; height:100%;}

#slider .sliderItem .sliderItemImg{ display:none}

#slider .slider01{ width:100%; height:100%; background:url(../images/mainvisual01_sp.png) center center;  background-size:cover; position:relative;}
/*
#slider .slider01 .mainvisual01_text{ width:100%; height:100%; position:absolute; left:0; top:0;}
#slider .slider01 .mainvisual01_text img{ width:80%; height:auto; margin:50% auto; }
*/
#slider .slider02{ width:100%; background:url(../images/mainvisual02_sp.png) center center; background-size:cover }
#slider .slider03{ width:100%; background:url(../images/mainvisual03_sp.png) center center; background-size:cover}


#slider .slick-prev{ width:16px; height:28px; border:0; text-indent:-9999px; background:url(../images/icon_slider_arrow_l.png) no-repeat; background-size:16px 28px; position:absolute; outline:none; z-index:10; top:55%;}
#slider .slick-next{ width:16px; height:28px; border:0; text-indent:-9999px; background:url(../images/icon_slider_arrow_r.png) no-repeat; background-size:16px 28px; position:absolute;outline:none; z-index:10; top:55%; }




/* -------------------------------

contents

------------------------------- */
.content{ margin:0 10px; padding:30px 0 0;}
.buttonLink{ text-align:center; margin-top:15px;}
.buttonLink button{ width:100%; min-height:65px; border-radius:50px; border:none; border:10px solid #ff8f00; color:#FFF; font-weight:bold; font-size:16px; line-height:1.4em; background:url(../images/icon_contact_arrow_l.png) no-repeat right center #ff8f00; background-size:16px 28px; outline:none; cursor:pointer; }
.buttonLink button:hover{ background-color:#fcae4a ; border:10px solid #fcae4a; }
 


/* first */
/*
#first{ width:100%; position:relative; overflow:hidden; }
.firstContainer{ background-color:#fdfcf1; padding:40px 0; }
.firstContent{ margin:0 15px; }
.first_h2{ width:283px; height:53px; margin:0 auto; background:url(../images/first_h2_sp.png) no-repeat;
background-size:283px 53px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:10px;
}
.first_text{ width:100%; margin:30px 0 20px; }
.first_text img{ width:100%;}
.first_img{}
.first_img img{ width:100%}
*/


/* campaign */
#campaign{ background-color:#FFF; }
.campaign_title{ height:48px; background:url(../images/title_campaign.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:98% auto, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}
.campaign_textL{ width:100%; padding-bottom:2em;}
.campaign_textL p{ font-size:16px; margin-bottom:2em;}
.campaign_textL p.flower{ margin-bottom:.5em;}
.campaign_textL p.small { font-size:14px; line-height: 1.8em; }
.campaign_img img{ width:100%; max-width:446px; margin-right:-3px;}


/* about */
#about{ background-color:#FFF;}
.about_title{ height:48px; background:url(../images/title_about.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:98% auto, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}
.about_textL{ }
.about_textL p{ font-size:16px; margin-bottom:2em; line-height:2;}
.about_img img{ width:100%;}


/* price */
#price{ background-color:#FFF;}
.price_title{ height:48px; background:url(../images/title_price.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:217px 39px, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}
#price table { margin-bottom:20px;}
#price .flower_txt { line-height:2; }


/* case */
#case{ }
.case_title{ height:48px; background:url(../images/title_case.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:158px 39px, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}

#case p { font-size:16px; line-height:2; margin-bottom:1.5em;}
#case .fig { margin:0 auto 45px; text-align:center;}
#case .fig:last-of-type { margin:0 auto 30px;}


/* profile */
#profile{ }
.profile_title{ height:48px; background:url(../images/title_profile.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:184px 39px, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}
#profile .profile_history{ width:100%; margin-bottom:20px;}
#profile .profile_history p{ font-size:16px; line-height:2;}
#profile .profile_ph{ width:100%; text-align:center}
#profile .profile_ph .profile_ph_img{ width:100%; max-width:252px;}
.profile_ph_name{ width:180px;}
#profile .profile_history{ width:100%; margin-top:20px;}
.profile_history_img{ margin-top:20px; }


/* access */
#access{ }
.access_title{ height:48px; background:url(../images/title_access.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:266px 39px, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}
.access_photo{ width:100%; max-width:440px; margin-bottom:20px;}
.access_detail{ width:100%; max-width:520px;}
.access_detail th{ background:#f5fff8; color:#000;}
.access_detail td{ background:#fff;}
.access_detail .tw-block {border:1px solid #d9e9dd; margin-bottom:20px;}
.access_detail table{ width:100%; border:1px solid #d9e9dd; border-collapse:collapse; margin-bottom:20px;}
.access_detail th{ width:30%; background:#f5fff8; color:#000; padding:5px 10px; border:1px solid #d9e9dd;}
.access_detail td{ width:70%; background:#fff; padding:5px 10px; border:1px solid #d9e9dd;}


/* news */
/*
#news{ }
.news_title{ height:48px; background:url(../images/title_news.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:112px 42px, 10px 10px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;}
.news_list{ width:100%;}
.news_list dt{ width:94px; float:left; clear:left;}
.news_list dd{ margin-left:94px;}
*/





/* -------------------------------

お問い合わせ

------------------------------- */

.contact{ }
.contact #hdr_container{ /*box-shadow:rgba(163, 163, 163, 0.4) 0px 0px 6px 3px;*/}
.contact .content{ padding:20px 0 40px}
/*.contact #hdr_container.default{ box-shadow:rgba(163, 163, 163, 0.4) 0px 0px 6px 3px;}*/
.contact_title{ height:41px; background:url(../images/title_contact_sp.png) no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:266px 39px, 10px 2px; background-size:50% auto, 10px 2px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	margin-bottom:20px;
	width:100%;}
/*
.topic_path{
	width:100%;background-color:#f7f7f7;padding:3px;padding-left:20px;font-size: 12px;
}
.topic_path a{color:#6ac0e7; text-decoration: none;font-weight:bold;}
*/

.contact h3{ height:26px; background:url(../images/title_contact_h3.png) no-repeat , url(../images/contact_bg_sp.png) no-repeat bottom; background-size:302px 26px, 670px 4px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
line-height:1.4em; font-size:18px; font-weight:bold; margin-bottom:20px;padding-bottom:10px;}
.contact .red{background-color:#ff0000;color:#ffffff;padding:3px 10px;width:30px;}


table.contactTable{ border-collapse:collapse; /*border:1px dotted #DDD;*/ background-color:#FFF;}
table.contactTable th , table.contactTable td{ padding:5px; border-collapse:collapse; border:1px dotted #DDD;border-width:1px 0px;  vertical-align:top;}
table.contactTable th{ width:30%; /*background-color:#EEE;*/ text-align:left; font-size:12px; line-height:1.4em}



table.contactTable2{ width:100%; border-collapse:collapse; background-color:#FFF;}
table.contactTable2 th{ padding:5px; border-collapse:collapse; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; vertical-align:middle; text-align:center; background-color:#EEE; padding:10px; }
table.contactTable2 td{ padding:5px; border-collapse:collapse; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; vertical-align:middle; text-align:center; padding:20px 10px 10px; }
table.contactTable2 td p{ text-align:left;}

.privacy {
    height: 130px;
    overflow-y: scroll;
    border: 2px solid #e0e0e0;
    box-sizing: border-box;
    padding: 15px;
}
.privacy_inner h3{
color:#000;margin:0;padding:0;border:0;outline:0;
background: none;
line-height:1.4em; font-size:18px;
position: absolute;height:26px;
margin-bottom:20px;position: static;display: block;z-index: auto;
vertical-align:baseline;background-image: none;text-align: left;
text-indent:0;font-weight:normal;}
.check{text-align:center;margin:10px;}




input{ padding:10px; border: 1px solid #DDD; border-radius:3px; font-size:14px;}
input+input{ margin-top:10px;}
input.inputL{}
input.inputS{}

input:focus, select:focus, textarea:focus, .requisite {
outline: 1px solid #232d8e;
background-color:#f9f3eb;
}
textarea{ width:85%; height:220px; padding:10px; border: 1px solid #DDD; border-radius:3px; font-size:14px;}

select {
	vertical-align:middle;
}
select::-ms-expand {
	display: none;
}
.select-box01,
.select-box02 {
	width: 60%;
}


.select-box01 select {
	width: 180px;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #DDD;
	background: #eee;
	background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#EEE 100%);
	background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#EEE 100%);
	background-size: 20px, 100%;
	font-size:14px;
}

/* デフォルトボタン */
.formBtnArea{ position:relative; margin-top:25px;}
.buttonForm{ text-align:center;}
.buttonForm button{ width:280px; min-height:65px; padding:0; border-radius:50px; border:10px solid #018966;color:#FFF; font-weight:bold; font-size:18px; line-height:1.4em; background:url(../images/icon_contact_arrow_l.png) no-repeat right center #018966; background-size:16px 28px; outline:none; cursor:pointer;
font-family: YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.buttonForm button:hover{ background-color:#57A24F ; border:10px solid #57A24F; }


/* 戻る */
.buttonBack{ text-align:center; margin-bottom:10px;}
.buttonBack button{ width:140px; min-height:55px; padding:0px; border-radius:50px; border:10px solid #333;color:#FFF; font-weight:bold; font-size:12px; line-height:1.4em; background:url(../images/icon_contact_back_l.png) no-repeat left center #333; background-size:16px 28px; outline:none; cursor:pointer; }
.buttonBack button:hover{ background-color:#999 ; border:10px solid #999; }

/* thanks */
.contact_thanks{ width:100%; display:table; margin:0 auto; border:1px solid #DDD; background-color:#FFF;}
.contact_thanks p{ display:table-cell; vertical-align:middle; text-align:center; padding:80px 0;}





/* -------------------------------

ご予約

------------------------------- */
.reserve{ margin:0 auto; padding:30px 10px; text-align:center; background:#e0f1ed;}
.reserve p {font-size:16px; padding-bottom:10px;}
.reserve .btn { margin-bottom:15px; text-align:center;}
.reserve .btn img { width:90%; max-width:420px; height:auto; }



/* -------------------------------

footer

------------------------------- */
footer{ background-color:#FFF; padding:15px 0; text-align:center;}
footer p{ font-size:12px;}


/* side_pageTop */
#side_pageTop {
	width: 127px;
	height: 52px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	line-height:0;
}

#side_contact {
	width: 127px;
	height: 52px;
	position: fixed;
	bottom: 10px;
	left: 10px;
	line-height:0;
}
#side_pageTop img , #side_contact img {
	width: 127px;
	height: 52px;
}
#side_pageTop a:hover , #side_contact a:hover {
	text-decoration: none;
	background: #FFF;
	opacity:0.6
}





/* タブレット */

@media only screen and (min-width:736px) and (max-width:768px){
		#hdr_container .hdr_phone{ width:10%; max-width:52px; margin-right:2%;}

		/* first */
		/*
		#first{ width:100%; margin-top:-55px; position:relative; overflow:hidden; }
		.firstContainer{ background-color:#fdfcf1; padding-top:55px; padding-bottom:40px; margin-top:55px;}
		.firstContent{ width:100%; }
		.first_h2{ width:100%; height:31px; background:url(../images/first_h2_pc.png) no-repeat;
		background-size:545px 31px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:10px;
		}
		.first_text{ width:60%; float:left; margin-top:30px; }
		.first_img{ position:absolute; top:50px; right:-96px;}
		.first_img img{ width:400px;}
		*/

		/* campaign */
		.campaign_title{ height:48px; background:url(../images/title_campaign.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:471px 39px, 10px 2px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}

		/* about */
		.about_title{ height:48px; background:url(../images/title_about.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:334px 48px, 10px 2px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}
/*
		#about{ background-color:#FFF;}
		.about_title{ height:75px; background:url(../images/title_about.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:408px 70px, 10px 10px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}
		.about_textL{ width:50%; float:left;}
		.about_detail{
			padding:10px;
			background-color:#f6eeed;
			border-radius:6px;
			margin-top:40px;
		}
		.about_detail ul li:before{ color:#9e5552; content:"● "}
		.about_img{ width:48%; float:right; margin-right:-3px;}
*/

		/* price */
/*
		#price{ background-color:#FFF;}
		.price_title{ height:75px; background:url(../images/title_price.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:260px 70px, 10px 10px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}
*/



		/* profile */
		.profile_ph_name{ width:180px; margin-left:10px;}

/*
		#profile{ }
		.profile_title{ height:75px; background:url(../images/title_profile.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:260px 70px, 10px 10px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}
		#profile h3{ margin-bottom:20px;}
		p+h3{ margin-top:60px;}
		#profile .profile_ph{ width:50%; float:left; text-align:center;}
		#profile .profile_ph .profile_ph_img{ argin-left:-3px;}
		#profile .profile_history{ width:48%; float:right;}
		.profile_history_img{ margin-top:20px; }
*/

		/* access */
		.access_photo { margin:0 auto 10px;}
		.access_detail{ margin:0 auto 10px;}
/*
		#access{ }
		.access_title{ height:75px; background:url(../images/title_access.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:308px 76px, 10px 10px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}
		.access_detail_logo{ max-width:306px; margin:20px auto;}
*/

		/* news */
/*
		#news{ }
		.news_title{ height:75px; background:url(../images/title_news.png) top left no-repeat , url(../images/title_bg.png) repeat-x bottom; background-size:186px 70px, 10px 10px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
			margin-bottom:20px;}
		.news_list{ width:100%;}
*/


		/* -------------------------------

		ご予約

		------------------------------- */
/*
		.reserve{ min-width:300px; max-width:451px; margin:30px auto 0;}
*/





		/* -------------------------------

		footer

		------------------------------- */
/*
		footer{ background-color:#FFF; padding:30px; text-align:center;}
		footer p{ font-size:12px;}
*/
		/* side_pageTop */

/*
		#side_pageTop {
			width: 127px;
			height: 52px;
			position: fixed;
			bottom: 20px;
			right: 10px;
			line-height:0;
		}

		#side_contact {
			width: 127px;
			height: 52px;
			position: fixed;
			bottom: 82px;
			right: 10px;
			line-height:0;
		}
		#side_pageTop img , #side_contact img {
			width: 127px;
			height: 52px;
		}
		#side_pageTop a:hover , #side_contact a:hover {
			text-decoration: none;
			background: #FFF;
			opacity:0.6
		}
*/

}