@charset "utf-8";

/* ---------------------------------------------------------------------
	body
   --------------------------------------------------------------------- */
body { margin-top: 0 !important; -webkit-text-size-adjust: 100%; }

.inner { position: relative; width: 980px; margin-right: auto; margin-left: auto; }


/* ---------------------------------------------------------------------
	page
   --------------------------------------------------------------------- */
#head-1 { font-size: 11px; font-size: 1.1rem; padding: 6px 0; background: #EEE; }
#head-1 a { color: #AE8484; text-decoration: none; }


/* ---------------------------------------------------------------------
	header
   --------------------------------------------------------------------- */
#head #head-1 + .inner { padding: 20px 0; }

/* -- logo -- */
#head h2 { margin: 0 0 20px; }
#head h2 a { display: block; text-decoration: none; }
#head h2 a span { display: inline-block; vertical-align: middle; }
#head h2 a:hover { opacity: 0.6; }

/* -- nav -- */
#head nav ul { display: table; width: 100%; }
#head nav ul li { display: table-cell; vertical-align: top; border-left: 1px solid #DDD; }
#head nav ul li:last-child { border-right: 1px solid #DDD; }
#head nav ul li a { display: block; font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #666; text-align: center; text-decoration: none; padding: 6px 20px; }
#head nav ul li a:hover { color: #A52525; }

/* -- cart -- */
#head .cart { position: absolute; top: -12px; right: 0; margin: 0; }

/* -- order -- */
#head .order { position: absolute; top: -12px; right: 0; margin: 0; }
#head .order a { display: block; font-size: 13px; font-size: 1.3rem; color: #FFF; line-height: 24px; text-align: center; text-decoration: none; width: 260px; height: 24px; background: #A85E5E; border-radius: 30px; box-sizing: border-box; }
#head .order a:hover { background: #9C3030; }

/* -- hamburger -- */
#hamburger { position: relative; display: none; font-size: 12px; font-size: 1.2rem; text-align: center; width: 54px; height: 54px; margin: 0 0 6px; float: right; cursor: pointer; border-radius: 4px; }
#hamburger i,
#hamburger i:before,
#hamburger i:after  {
	position: absolute; right: 0; left: 0; content: ""; display: block; width: 30px; height: 3px; margin: auto; background-color: #BBB; border-radius: 25px;
	-webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; transition: 0.4s all ease;
}
#hamburger i { top: 16px; }
#hamburger i:before { top: -8px; }
#hamburger i:after  { bottom: -8px; }
#hamburger span { position: absolute; bottom: 6px; left: 0; display: block; font-weight: bold; width: 100%; }

/* on */
#hamburger.on { background: #EEE; }
#hamburger.on i { background-color: transparent; }
#hamburger.on i:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
#hamburger.on i:after  { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }


/* ---------------------------------------------------------------------
	main
   --------------------------------------------------------------------- */
#main { line-height: 1.8; margin-top: 60px; margin-bottom: 60px; }

/* -- お問い合わせ -- */
#bottom_contact { position: relative; height: 193px; margin: 0 0 30px; clear: both; background: url(../img/top/2017/contact_back_pc.jpg) no-repeat; }
#bottom_contact ul { position: absolute; top: 82px; left: 143px; }
#bottom_contact ul li { width: 440px; margin: 0 auto; }
#bottom_contact ul li:last-child { margin: 12px 0 0 330px; }
#bottom_contact ul li a { -webkit-transition: all 0.4s; transition: 0.4s all; }
#bottom_contact ul li a:hover { opacity: 0.6; filter: alpha(opacity=60); }
#bottom_contact.only_form {
	background-image: url("../img/top/2017/contact_back_only_form_pc.jpg");
}


/* ---------------------------------------------------------------------
	sidebar
   --------------------------------------------------------------------- */
#sidebar {
	float: left; width: 200px;
	margin-bottom: 60px; line-height: 130%;
}
#side_menu {
	margin-bottom: 20px;
}
#side_menu li {
	margin-bottom: 10px;
}

/* ----- ブーケメニュー ----- */
#side_bouquet {
	margin-bottom: 15px;
}
#side_bouquet h3 {
	margin-bottom: 10px;
}
.side_menu li {
	background: url(../../wb2019/img/side/bouquet_mark.gif) no-repeat 3px center;
	margin-bottom: 2px;
}
.side_menu li a {
	display: block; padding: 7px 4px 5px 15px;
	color: #555; text-decoration: none;
}
.side_menu li a:hover {
	background: #F9F2F2 url(../../wb2019/img/side/bouquet_mark.gif) no-repeat 3px center;
}
.side_menu li.bq2 {
	background: none; margin: 4px 0 2px;
}
.side_menu li.bq2 a {
	display: block; padding: 0;
}
.side_menu li.bq2 a:hover {
	background: none;
}

/* ----- ブーケを色から選ぶ ----- */
#side_color {
	margin-bottom: 15px;
}
#side_color h4 {
	margin-bottom: 4px;
}
#side_color ul {
	width: 200px; overflow: hidden;
}
#side_color li {
	float: left;
}

/* ----- ブーケスタンド ----- */
#side_stand {
	border: 1px solid #CCC;
}
#side_stand a {
	padding: 7px 3px 7px 13px; display: block; font-size: 15px; color: #555; text-decoration: none;
	background: #F5F5F5 url(../../wb2019/img/mark-01.gif) no-repeat 4px center;
}
#side_stand a:hover {
	background: #EEE url(../../wb2019/img/mark-01.gif) no-repeat 4px center;
}

/* ----- フラワー小物 ----- */
#side_komono {
	margin-bottom: 20px;
}
#side_komono h4 {
	margin-bottom: 10px;
}

/* ----- サイドリンク ----- */
#side_link {
	margin-bottom: 20px;
	border-bottom: 1px solid #BBB; border-top: 1px solid #BBB;
}
#side_link li {
	background: url(../../wb2019/img/dott_02.gif) repeat-x 0 100%; margin-bottom: 1px; padding-bottom: 1px;
}
#side_link li.last {
	background: none;
}
#side_link li a {
	display: block; padding: 7px 5px 7px 15px; background: url(../../wb2019/img/mark-02.gif) no-repeat 4px center;
	color: #555; text-decoration: none;
}
#side_link li a:hover {
	background: #F4F4F4 url(../../wb2019/img/mark-02.gif) no-repeat 4px center;
}

/* ----- サブメニュー ------ */
#side_sub {
	margin-bottom: 30px;
}
#side_sub li {
	margin-bottom: 10px;
}

/* ----- ブログ ----- */
#side_blog {
	margin-bottom: 10px;
}

/* ----- fecebook ----- */
#side_facebook {
	margin-bottom: 15px; text-align: center;
}
#side_instagram {
	margin-bottom: 30px;
}
#side_instagram img {
	width: 120px;
}

/* ----- 営業カレンダー ----- */
#side_calender {
	margin-bottom: 30px;
}

/* ----- カレンダー ----- */
#side_calendar {
	margin-bottom: 30px;
}
#side_calendar div {
	background-color: #FDF3F0; padding: 10px 12px 7px; margin-bottom: 10px;
}
#side_calendar table {
	width: 175px;
}
#side_calendar th, #side_calendar td {
	text-align: center; padding: 2px 0 1px;
}
#side_calendar th {
	border-bottom: 1px solid #999; padding-bottom: 4px
}
#side_calendar .yasumi {
	color: #B70000; font-weight: bold;
}
#side_calendar .yoyaku {
	background: url(../../wb2019/img/side/cal_yoyaku.png) no-repeat 50% 50%; color: #FFF;
}
#side_calendar caption {
	background-color: #D58686; font-weight: bold; text-align: center; color: #FFF; margin-bottom: 6px;
}
#side_calendar .aka {
	color: #B70000; margin: 0 5px 3px;
}
#side_calendar .dai {
	color: #FF6600; margin-left: 5px;
}
#side_calendar .cal_ex {
	margin: 10px 5px; line-height: 1.2;
}

/* ----- 検索 ----- */
.search-submit {
	padding: 1px 6px; font-size: 13px;
}
.search-field {
	width: 150px; font-size: 13px;
}
.screen-reader-text {
}



/* ---------------------------------------------------------------------
	contents
   --------------------------------------------------------------------- */
#contents {
	float: right; width: 760px;								/* 幅指定 */
}

/* ---------------------------------------------------------------------
	footer
   --------------------------------------------------------------------- */
#foot {
	background: url(../img/foot/foot_back.gif) repeat-x;
	padding-bottom: 30px;
}
#foot h3 {
	line-height: 26px;
}
#foot h3 a {
	color: #A06C6C; text-decoration: none;
}
#foot h4 {
	margin: 0;
}
#foot address {
	text-align: right; position: absolute; right: 0; top: 50px;
	line-height: 150%;
}
#foot_list {
	margin-top: 40px; line-height: 160%;
}
#foot_list a {
	color: #555; text-decoration: none;
}
#copyright {
	text-align: right;
}


/* pageTop
------------------------------------------------------------*/
#pageTop { position: fixed; right: 20px; bottom: 20px; z-index: 100; }


/* sp-navigation
------------------------------------------------------------*/
#sp-navigation { position: fixed; bottom: 0; right: 0; z-index: 777; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
#sp-navigation .scroll { width: 75%; height: 100%; min-height: 100%; margin-left: auto; padding: 30px; overflow-y: auto; box-sizing: border-box; background: rgba(255,255,255,0.95); }

/* -- search -- */
#sp-navigation .search-form { position: relative; margin: 0 0 20px; }
#sp-navigation .search-form * { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#sp-navigation .search-form input[type="text"] { font-size: 16px; font-size: 1.6rem; line-height: 30px; width: 100%; height: 50px; padding: 10px 20px; background: #FFF; border: 2px solid #EEE; border-radius: 30px; box-shadow: none; box-sizing: border-box; }
#sp-navigation .search-form button[type="submit"] { position: absolute; top: 0; right: 20px; bottom: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 22px; height: 22px; margin: auto; background: url("../img/search.png") no-repeat; border: none; }

/* -- finished -- */
#sp-navigation .finished { margin: 0 0 20px; }

/* -- ordermade -- */
#sp-navigation .ordermade p { font-size: 18px; font-size: 1.8rem; margin: 0; padding: 40px 0 0; border-top: 1px solid #EEE; }
#sp-navigation .ordermade dl div { margin: 30px 0 0; }
#sp-navigation .ordermade dl div dt { font-weight: bold; margin-bottom: 12px; }
#sp-navigation .ordermade dl div dd ul li { border-bottom: 1px solid #FFF; }
#sp-navigation .ordermade dl div dd ul li:last-child { border-bottom: none; }
#sp-navigation .ordermade dl div dd ul li a { display: block; color: #888; text-decoration: none; padding: 16px 0; }
#sp-navigation .ordermade dl div:last-of-type dd ul li { width: auto; margin-right: 0; }

/* -- menu -- */
#sp-navigation .menu { margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid #EEE; }
#sp-navigation .menu p { font-size: 18px; font-size: 1.8rem; }
#sp-navigation .menu ul li a { display: block; font-size: 15px; font-size: 1.5rem; color: #666; text-decoration: none; padding: 12px 0; }


/* ---------------------------------------------------------------------
	Responsive max-width:769px
   --------------------------------------------------------------------- */

@media screen and (max-width:769px){

body { margin-top: inherit; }

img { width: auto; height: auto; max-width:100%; }

.inner { width: 90%; }

/* ---------------------------------------------------------------------
header
--------------------------------------------------------------------- */
#head * { -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; transition: 0.4s all ease; }
#head.fixed { position: fixed; top: 0; left: 0; z-index: 888; width: 100%; background: #FFF; box-shadow: 0 10px 20px -10px rgba(0,0,0,0.16); }
#head.fixed #head-1 { display: none; }
/*#head.fixed h2 span.jp { height: 0; opacity: 0; visibility: hidden; }*/

#head #head-1 { font-size: 8px; font-size: 0.8rem; line-height: 1.35; text-align: center; }

/* -- logo -- */
#head h2 { width: -webkit-calc(100% - 54px); width: calc(100% - 54px); max-width: 260px; margin: 0 0 12px; float: left; }
#head h2 .jp { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); margin-top: 6px; }

/* -- cart -- */
#head .cart { display: none; }

/* -- order -- */
#head .right { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
#head .order { position: static; }
#head .order a { font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #777; line-height: 23px; width: 170px; height: 25px; background: #FFF; border: 1px solid #EEE; }
#head .order a:hover { background: #EEE; }

/* -- nav -- */
#head nav { display: none; }

/* -- hamburger -- */
#hamburger { display: block; }


/* ---------------------------------------------------------------------
main
--------------------------------------------------------------------- */
#main { margin-top: 40px; margin-bottom: 60px; }

#contents { width: auto; float: none; }

/* -- contact -- */
#bottom_contact { height: 0; padding: 53.91% 0 0; background: url(../img/top/2017/contact_back_mb.jpg) no-repeat; background-size: 100%; margin-bottom: 0; }
#bottom_contact ul { top: 34.78%; left: 21.875%; width: 73.43%; }
#bottom_contact ul li { width: 100%; margin: 0 0 10px; float: none; }
#bottom_contact ul li:last-child { margin: 0; }
#bottom_contact ul li img { width: 100%; }
#bottom_contact.only_form { background-image: url(../img/top/2017/contact_back_mb.jpg); }
	

/* ---------------------------------------------------------------------
sidebar
--------------------------------------------------------------------- */
#sidebar { display: none; }	


/* ---------------------------------------------------------------------
footer
--------------------------------------------------------------------- */
#bottom_guide { font-size: 14px; font-size: 1.4rem; }

#foot address { position: static; text-align: left; margin: 1.5em 0; }
#copyright { text-align: center; margin-top: 1.5em; }

}