@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;
/*
	border-top:3px solid #008965;
*/
}

.drawer-hamburger{ display:none;}
.pc_none{ display:none !important;}
.pc_noWrap{ display:block;}
.tableStyle{ width:100%; border:1px solid #d9e9dd; border-collapse:collapse; margin-bottom:30px;}
.tableStyle tr { background-color:#f5fff8; }
.tableStyle tr:nth-child(odd) { background-color:#fffbf7; }
.tableStyle th , .tableStyle td{ text-align:left; padding:10px; border:1px solid #d9e9dd; border-collapse:collapse}
.tableStyle th{ white-space:nowrap; font-weight:bold; background:#44915a; color:#fff; text-align:center; font-size:16px; }
.tableStyle td{ font-size:16px; vertical-align:top; }
.price_text{ text-align:right !important;}

.tableStyle tr.thead th { width:30%;}
.tableStyle tr.thead th:nth-of-type(2) { width:52%;}
.tableStyle tr.thead th:nth-of-type(3) { width:18%;}
.tableStyle tr.fig {background:#fffdce; }
.tableStyle tr.fig td {text-align:left;}
.tableStyle tr.fig .small {font-size:14px; padding-left:1em; text-indent:-1em; display:block; }

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:25px; background:url(../images/icn_link.png) no-repeat right 0;}
.external{ padding-right:25px; background:url(../images/icn_external.png) no-repeat right 0;}


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

header Large（大）

------------------------------- */
#hdr_container{ opacity:0;}
#hdr_sp { display:none;}
#hdr_container.default{ opacity:1 !important; width:100%; height:202px; background-color:#FFF; }
#hdr_container.default #hdr{ width:980px; height:142px; margin:0 auto; position:relative;}
#hdr_container.default #logo{
	width:284px;
	height:56px;
	position:absolute;
	top:50px;
	left:0;	
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#hdr_container.default #logo a{ display:block; width:286px; height:50px; background:url(../images/logo.png) no-repeat; background-size:286px 50px;}
#hdr_container.default #logo a:hover{ opacity:0.6}

#hdr_container.default h1{ color:#999999; font-size:12px; font-weight:normal; position:absolute; top:18px;}

#hdr_container.default .hdr_phone{ width:208px; height:47px; position:absolute; top:50px; right:220px;}
#hdr_container.default .hdr_phone a{  width:208px; height:47px; background:url(../images/hdr_line.png) no-repeat; background-size:208px 47px;
	display:block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;}
#hdr_container.default .hdr_contact{ width:208px; height:47px; position:absolute; top:50px; right:0;}
#hdr_container.default .hdr_contact a{ width:208px; height:47px;background:url(../images/hdr_contact.png) no-repeat; background-size:208px 47px;
	display:block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;}
#hdr_container.default .hdr_phone a:hover,
#hdr_container.default .hdr_contact a:hover{ opacity:0.8;}
#hdr_container.default .hdr_txt{ width:100%; position:absolute; top:100px; right:0; text-align:right;}
#hdr_container.default .hdr_txt a{ padding-left:20px; background:url(../images/icn_mail.png) no-repeat 0 0;}
#hdr_container.default .hdr_txt a:hover{ text-decoration:underline;}
#hdr_container.default .hdr_phone_s_container{ display:none;}


/* nav */
#hdr_nav{ background-color:#008965; position:relative;}
#hdr_container.default nav.drawer-nav{ width:980px; margin:0 auto;}
#hdr_container.default nav.drawer-nav ul{ width:980px; height:60px; display:table;}
#hdr_container.default nav.drawer-nav ul li{ display:table-cell; padding:10px 30px; line-height:1.2em; text-align:center; vertical-align:middle; }
#hdr_container.default nav.drawer-nav .hdr_phone_s{ display:none;}



nav.drawer-nav ul li a{ text-align:center; font-weight:normal; display:block;}
nav.drawer-nav ul li a:link, nav.drawer-nav ul li a:visited{	color:#FFF;	text-decoration:none;}
nav.drawer-nav ul li a:hover, nav.drawer-nav ul li a:active{	color:#00ffae;	text-decoration:none;}







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

header small（小）

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

.fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
		opacity:1 !important; 
}
#hdr_container.fixed{ width:100%; background-color:#FFF; border-top:3px solid #008965; box-shadow:rgba(163, 163, 163, 0.4) 0px 0px 6px 3px;}
#hdr_container.fixed #hdr{ width:980px; margin:0 auto; position:relative;}
#hdr_container.fixed #hdr h1{ display:none;}
#hdr_container.fixed #logo{
	width:185px;
	height:37px;
	position:absolute;
	top:5px;
	left:0;	
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index:1000;
}
#hdr_container.fixed #logo a{ display:block; width:185px; height:37px; background:url(../images/logo_s.png) no-repeat;
	background-size:185px 37px;}
#hdr_container.fixed #logo a:hover{ opacity:0.6}
/*
#hdr_container.fixed .hdr_phone_s_container{ width:980px; margin:-60px auto; position:relative;}
*/
#hdr_container.fixed .hdr_phone,
#hdr_container.fixed .hdr_contact{
	width:38px;
	height:38px;
	position:absolute;
	top:10px;
	right:0;	
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index:1000;
}
#hdr_container.fixed .hdr_phone{
	right:50px;
}

#hdr_container.fixed .hdr_phone a{ display:block; width:38px; height:38px; background:url(../images/hdr_line_s.png) no-repeat; background-size:38px 38px; }
#hdr_container.fixed .hdr_contact a{ display:block; width:38px; height:38px;background:url(../images/hdr_contact_s.png) no-repeat; background-size:38px 38px; }
#hdr_container.fixed .hdr_contact a:hover{ opacity:0.8;}
#hdr_container.fixed .hdr_txt{display:none;}

/* nav */
#hdr_nav{ position:relative;}
#hdr_container.fixed nav.drawer-nav{ width:980px; height:60px; overflow:hidden; margin:0 auto;}
#hdr_container.fixed nav.drawer-nav ul{ width:775px; margin-left:205px; display:table;}
#hdr_container.fixed nav.drawer-nav ul li{ float:left; padding:22px 0; font-size:13px; line-height:1.2em; }
#hdr_container.fixed nav.drawer-nav ul li:first-child a:before{ content:"";}
#hdr_container.fixed nav.drawer-nav ul li a:before{ content:"｜";}
#hdr_container.fixed nav.drawer-nav ul li a{ display:block;}


/*
#hdr_container.fixed .hdr_phone_s{ width:218px; height:50px; background:url(../images/hdr_phone_s.png) no-repeat; background-size:218px 50px; position:absolute; top:3px; right:0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;}
*/







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

slider

------------------------------- */
#slider{ /*width:100%;*/ width:980px; height:370px; margin:0 auto 47px; }
#slider .sliderItem{ position:relative;}
#slider .sliderItem .sliderItemImg{ width:980px; height:370px; margin:0 auto; }

#slider .slider01{ width:100%; height:370px; background:url(../images/mainvisual01_bg.png) center center; }
#slider .slider01 .mainvisual01_text{ width:980px; height:370px; margin:-370px auto 0; position:relative;}
/*
#slider .slider01 .mainvisual01_text img{ width:446px; height:106px; position:absolute; right:0; top:120px;}
*/

#slider .slider02{ width:100%; height:370px; background:url(../images/mainvisual02_pc.png) center center; }
/*
#slider .slider03{ width:100%; height:370px; background:url(../images/mainvisual03_pc.jpg) center center #f3e1d1; }
*/
#slider .slider03{ width:100%; height:370px; background:url(../images/mainvisual03_pc.png) center center; }




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

@media only screen and (max-width:1179px){
#slider .slick-prev{ left:10px !important; }
#slider .slick-next { right: 10px; }
}
@media only screen and (min-width: 1180px){
/*
#slider .slick-prev{ left:50px; }
#slider .slick-next{ right:50px; }
*/
}


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

contents

------------------------------- */
.content{ width:980px; margin:0 auto; padding:0 0 80px;}
.buttonLink{ text-align:center; margin-top:25px;}
.buttonLink button{ width:560px; min-height:105px; border-radius:50px; border:20px solid #ff8f00; color:#FFF; font-weight:bold; font-size:22px; 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:20px solid #fcae4a; }
span.line { text-decoration:line-through; }
span.co1 { color:#ff3366; }


/* first */
/*
#first{ width:100%; margin-top:-55px; position:relative; overflow:hidden; margin-bottom:80px;}
.firstContainer{ background-color:#fdfcf1; padding-top:55px; padding-bottom:80px; margin-top:55px;}
.firstContent{ width:980px; margin:0 auto; }
.first_h2{ width:545px; 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:544px; float:left; margin-top:30px; }
.first_text img{ width:544px;}
.first_img{ position:absolute; top:-55px; right:-96px;}
*/


/* campaign */
#campaign{ background-color:#FFF;}
.campaign_title{ height:45px; 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:40px;}
.campaign_textL{ width:497px; float:left;}
.campaign_textL p{ font-size:16px; margin-bottom:2em;}
.campaign_textL p.flower{ margin-bottom:.5em;}
.campaign_textL p.small { font-size:14px; }
/*
.campaign_detail{
	padding:10px;
	background-color:#f6eeed;
	border-radius:6px;
	margin-top:40px;
}
.campaign_detail ul li:before{ color:#008965; content:"● "}
*/
.campaign_img{ width:446px; float:right; margin-right:-3px;}


/* about */
#about{ background-color:#FFF;}
.about_title{ height:55px; 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:40px;}
.about_textL{ width:460px; float:left;}
.about_textL p{ font-size:16px; margin-bottom:2em; line-height:2;}
/*
.about_detail{
	padding:10px;
	background-color:#f6eeed;
	border-radius:6px;
	margin-top:40px;
}
.about_detail ul li:before{ color:#008965; content:"● "}
*/
.about_img{ width:446px; float:right; margin-right:-3px;}


/* price */
#price{ background-color:#FFF;}
.price_title{ height:55px; 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:40px;}
#price .flower_txt { line-height:2; }


/* case */
#case{ }
.case_title{ height:55px; 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:40px;}

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


/* profile */
#profile{ }
.profile_title{ height:55px; 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 h3{ margin-bottom:20px;}
p+h3{ margin-top:60px;}
*/
#profile .profile_history{ width:690px; float:left;}
#profile .profile_history p{ font-size:16px; line-height:2;}
#profile .profile_ph{ width:252px; float:right; text-align:center;}
#profile .profile_ph .profile_ph_img{ width:252px;}
.profile_history_img{ margin-top:20px; }


/* access */
#access{ }
.access_title{ height:55px; 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:40px;}
.access_photo{ width:440px; float:left;}
.access_detail{ width:520px; float:right;}
.access_detail table{ width:100%; border:1px solid #d9e9dd; border-collapse:collapse; margin-bottom:30px;}
.access_detail th{ background:#f5fff8; color:#000; padding:5px 10px; border:1px solid #d9e9dd;}
.access_detail td{ background:#fff; padding:5px 10px; border:1px solid #d9e9dd;}
.access_detail .tw-block {border:1px solid #d9e9dd;}



/* 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%;}
.news_list dt{ width:94px; float:left; clear:left;}
.news_list dd{ width:886px; margin-left:94px;}
*/



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

お問い合わせ

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

.contact{ padding-top:50px;}
.contact_title{ height:55px; background:url(../images/title_contact.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:40px;}
.topic_path{
	width:100%;background-color:#f7f7f7;padding:3px;font-size: 14px;
}
.topic_path a{color:#6ac0e7; text-decoration: none;font-weight:bold;}
.topic_path p{ width:980px; margin:0 auto; padding:0;}

.contact .red{background-color:#ff0000;color:#ffffff;padding:3px 10px;margin-left:15px;}

table.contactTable{ border-collapse:collapse; /*border:1px dotted #DDD;*/ background-color:#FFF;margin-bottom:20px;}
table.contactTable th , table.contactTable td{ padding:10px; border-collapse:collapse; border:1px dotted #DDD;border-width:1px 0px; vertical-align:top;}
table.contactTable th{ width:30%; text-align:left}



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:15px;}



input{ padding:10px; border: 1px solid #DDD; border-radius:3px; font-size:14px;}
input.inputL{ width:440px;}
input.inputS{ min-width:200px;}

input:focus, select:focus, textarea:focus, .requisite {
outline: 1px solid #232d8e;
background-color:#f9f3eb;
}
textarea{ width:90%; 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: 100%;
	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:460px; min-height:85px; padding:10px 0 10px; border-radius:50px; border:20px solid #018966;color:#FFF; font-weight:bold; font-size:22px; 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:20px solid #57A24F; }


/* 戻る */
.buttonBack{ text-align:center; position:absolute; top:0; left:0;}
.buttonBack button{ width:150px; min-height:85px; padding:10px 0 10px; border-radius:50px; border:20px solid #333;color:#FFF; font-weight:bold; font-size:22px; 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:20px solid #999; }

/* confirm */
.contact_conf { margin-bottom:100px;}

/* thanks */
.contact_thanks{ width:600px; 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; font-size:16px;}



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

ご予約

------------------------------- */
.reserve{ margin:0 auto; padding:50px 0; text-align:center; background:#e0f1ed;}.reserve p {font-size:16px; padding-bottom:10px;}
.reserve .btn { margin-bottom:15px;}


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

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: 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
}