@charset "UTF-8";
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0; padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:middle;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
/* Preload images */
body:after {
content: url(https://hayamagarden.com/img/close.png) url(https://hayamagarden.com/img/loading.gif) url(https://hayamagarden.com/img/prev.png) url(https://hayamagarden.com/img/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(https://hayamagarden.com/img/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(https://hayamagarden.com/img/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(https://hayamagarden.com/img/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 1em;
font-weight: bold;
line-height: 1.2em;
padding-top:.5em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 1em;
height: 1em;
background: url(https://hayamagarden.com/img/close.png) top right no-repeat;
background-size:1em;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/*!
* jquery-drawer v3.2.2
* Flexible drawer menu using jQuery, iScroll and CSS.
* http://git.blivesta.com/drawer
* License : MIT
* Author : blivesta (http://blivesta.com/)
*/
/*!------------------------------------*\
Base
\*!------------------------------------*/
.drawer-open {
overflow: hidden !important;
}/*
.drawer-open .drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon:after{
background-color: #fff !important;
}*/
.drawer-nav {
position: fixed;
z-index: 101;
top: 0;
overflow: hidden;
width: 60%;
height: 100%;
color: #000;
background-color: #fff;
}
nav.drawer-nav {
margin-top: 25px;
padding-bottom: 20px
}
.drawer-brand {
font-size: 1.5rem;
font-weight: bold;
line-height: 3.75rem;
display: block;
padding-right: .75rem;
padding-left: .75rem;
text-decoration: none;
color: #222;
}
.drawer-menu {
margin: 0;
padding: 0;
list-style: none;
}
.drawer-menu-item {
font-size: 1rem;
display: block;
padding: .75rem;
text-decoration: none;
color: #222;
}
.drawer-menu-item:hover {
text-decoration: underline;
color: #555;
background-color: transparent;
}
/*! overlay */
.drawer-overlay {
position: fixed;
z-index: 100;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .2);
}
.drawer-open .drawer-overlay {
display: block;
}
/*!------------------------------------*\
Top
\*!------------------------------------*/
.drawer--top .drawer-nav {
top: -100%;
left: 0;
width: 100%;
height: auto;
max-height: 100%;
-webkit-transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: top .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--top.drawer-open .drawer-nav {
top: 0;
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
right: 0;
}
/*!------------------------------------*\
Left
\*!------------------------------------*/
.drawer--left .drawer-nav {
left: -16.25rem;
-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
left: 0;
}
.drawer--left.drawer-open .drawer-hamburger {
left: 16.25rem;
}
/*!------------------------------------*\
Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
right: -60%;
-webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
right: 0;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 0;
}
/*!------------------------------------*\
Hamburger
\*!------------------------------------*/
.drawer-hamburger {
position: fixed;
z-index: 104;
top: 25px;
display: block;
box-sizing: content-box;
width: 3rem;
padding: 0;
padding-top: 18px;
padding-right: .75rem;
padding-bottom: 30px;
padding-left: .75rem;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border: 0;
outline: 0;
background-color: transparent;
}
.drawer-hamburger:hover {
cursor: pointer;
background-color: transparent;
}
.drawer-hamburger-icon {
position: relative;
display: block;
margin-top: 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
width: 100%;
height: 2px;
-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
background-color: #222;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
position: absolute;
top: -10px;
left: 0;
content: ' ';
}
.drawer-hamburger-icon:after {
top: 10px;
}
.drawer-open .drawer-hamburger-icon {
background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*!------------------------------------*\
accessibility
\*!------------------------------------*/
/*!
* Only display content to screen readers
* See: http://a11yproject.com/posts/how-to-hide-content
*/
.sr-only {
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
/*!
* Use in conjunction with .sr-only to only display content when it's focused.
* Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
* Credit: HTML5 Boilerplate
*/
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
margin: 0;
}
/*!------------------------------------*\
Sidebar
\*!------------------------------------*/
.drawer--sidebar {
background-color: #fff;
}
.drawer--sidebar .drawer-contents {
background-color: #fff;
}
@media (min-width: 64em) {
.drawer--sidebar .drawer-hamburger {
display: none;
visibility: hidden;
}
.drawer--sidebar .drawer-nav {
display: block;
-webkit-transform: none;
transform: none;
position: fixed;
width: 12.5rem;
height: 100%;
}
/*! Left */
.drawer--sidebar.drawer--left .drawer-nav {
left: 0;
border-right: 1px solid #ddd;
}
.drawer--sidebar.drawer--left .drawer-contents {
margin-left: 12.5rem;
}
/*! Right */
.drawer--sidebar.drawer--right .drawer-nav {
right: 0;
border-left: 1px solid #ddd;
}
.drawer--sidebar.drawer--right .drawer-contents {
margin-right: 12.5rem;
}
/*! container */
.drawer--sidebar .drawer-container {
max-width: 48rem;
}
}
@media (min-width: 75em) {
.drawer--sidebar .drawer-nav {
width: 16.25rem;
}
.drawer--sidebar.drawer--left .drawer-contents {
margin-left: 16.25rem;
}
.drawer--sidebar.drawer--right .drawer-contents {
margin-right: 16.25rem;
}
/*! container */
.drawer--sidebar .drawer-container {
max-width: 60rem;
}
}
/*!------------------------------------*\
Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
padding-top: 3.75rem;
}
.drawer-navbar .drawer-navbar-header {
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.drawer-navbar {
z-index: 102;
top: 0;
width: 100%;
}
/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
position: fixed;
}
.drawer-navbar-header {
position: relative;
z-index: 102;
box-sizing: border-box;
width: 100%;
height: 3.75rem;
padding: 0 .75rem;
text-align: center;
}
.drawer-navbar .drawer-brand {
line-height: 3.75rem;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
}
.drawer-navbar .drawer-brand:hover {
background-color: transparent;
}
.drawer-navbar .drawer-nav {
padding-top: 3.75rem;
}
.drawer-navbar .drawer-menu {
padding-bottom: 7.5rem;
}
@media (min-width: 64em) {
.drawer-navbar {
height: 3.75rem;
border-bottom: 1px solid #ddd;
background-color: #fff;
}
.drawer-navbar .drawer-navbar-header {
position: relative;
display: block;
float: left;
width: auto;
padding: 0;
border: 0;
}
.drawer-navbar .drawer-menu--right {
float: right;
}
.drawer-navbar .drawer-menu li {
float: left;
}
.drawer-navbar .drawer-menu-item {
line-height: 3.75rem;
padding-top: 0;
padding-bottom: 0;
}
.drawer-navbar .drawer-hamburger {
display: none;
}
.drawer-navbar .drawer-nav {
position: relative;
left: 0;
overflow: visible;
width: auto;
height: 3.75rem;
padding-top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.drawer-navbar .drawer-menu {
padding: 0;
}
/*! dropdown */
.drawer-navbar .drawer-dropdown-menu {
position: absolute;
width: 16.25rem;
border: 1px solid #ddd;
}
.drawer-navbar .drawer-dropdown-menu-item {
padding-left: .75rem;
}
}
/*!------------------------------------*\
Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu {
display: none;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
}
.drawer-dropdown-menu > li {
width: 100%;
list-style: none;
}
.drawer-dropdown-menu-item {
line-height: 3.75rem;
display: block;
padding: 0;
padding-right: .75rem;
padding-left: 1.5rem;
text-decoration: none;
color: #222;
}
.drawer-dropdown-menu-item:hover {
text-decoration: underline;
color: #555;
background-color: transparent;
}
/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
display: block;
}
/*! drawer-caret */
.drawer-dropdown .drawer-caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 4px;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
/*! open */
.drawer-dropdown.open .drawer-caret {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/*!------------------------------------*\
Container
\*!------------------------------------*/
.drawer-container {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 64em) {
.drawer-container {
max-width: 60rem;
}
}
@media (min-width: 75em) {
.drawer-container {
max-width: 70rem;
}
}
/*!
* jquery-slick v1.6.0
* slick.css
*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*!
* jquery-slick v1.6.0
* slick-theme.css
*/
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
/*font-family: 'slick';*/
font-size: 30px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* custom */
.slick-slide img {
padding: 0 10px;
}
@media screen and (max-width: 768px){
.slick-slide img {
width: 100%;
padding: 0;
}
}
.slick-prev {
width: 40px;
height: 40px;
left: 26%;
z-index: 100;
}
.slick-next {
width: 40px;
height: 40px;
right: 26%;
z-index: 100;
}
.slick-prev::before {
opacity: 1;
content: url("https://hayamagarden.com/img/slide/slide_prev.png");
font-family: FontAwesome;
}
.slick-next::before {
opacity: 1;
content: url("https://hayamagarden.com/img/slide/slide_next.png");
font-family: FontAwesome;
}
@media screen and (max-width: 768px) {
.slick-prev {
z-index: 100;
left: 0;
}
.slick-next {
z-index: 100;
right: 0;
}
.slick-prev::before {
opacity: .3;
color: #231815;
font-size: 40px;
line-height: 1;
content: "\f104";
font-family: FontAwesome;
}
.slick-next::before {
opacity: .3;
color: #231815;
font-size: 40px;
line-height: 1;
content: "\f105";
font-family: FontAwesome;
}
}
/* レイアウト
**********************************************************************/
.sp_login { display: none; }
#sysAll{
/*background: url('https://hayamagarden.aispr.jp/img/common/back.gif') !important;*/
background: #fff !important;
width:100% !important;
padding:0 !important;
margin:0 auto !important;
background-color:none !important;
}
#sysHeader{
width:100% !important;
padding:0 !important;
margin:0 !important;
clear:both;
margin-bottom:0 !important;
}
#sysMain {
float: right;
width: 780px !important;
background: #fff;
padding:0 !important;
margin:0 !important;
margin-bottom: 50px !important;
}
#sysAside {
float: left;
width: 220px !important;;
background: #fff;
padding:0 !important;
margin:0 !important;
margin-bottom: 50px !important;
}
#sysFooter{
width:100% !important;
padding:0 !important;
margin:0 !important;
clear:both;
margin-bottom:0 !important;
}
@media screen and (min-width: 769px) {
#sysAll {
min-width: 100%;
}
}
@media screen and (max-width: 768px) {
#sysAll {
min-width: 100%;
}div#sysMain {
float: none;
width: 100% !important;
background: #fff;
border-left: none;
border-right: none;
padding:0 !important;
margin:10px 0 0 !important;
margin-bottom: 0 !important;
}
}
div#sysAside{ float: left; }
@media screen and (max-width:641px){
#sysAll{
min-width: 100%;
}
div#sysMain {
float: right;
width: 100% !important;
background: #fff;
border-left: none;
border-right: none;
padding:0 !important;
margin: 10px 0 0 !important;
margin-bottom: 0 !important;
}
div#sysMain {
min-height: auto;
height: auto !important;
}
div#sysAside{
float: left;
width: 100% !important;;
background: #fff;
border-left: none;
border-bottom: 1px solid #e0dfda;
padding:0 !important;
margin:0 !important;
margin-bottom: 50px !important;
}
div#sysFooter{
clear:both;
}
}
@media screen and (max-width:640px){
.sysDisplayMobileNone{
display:none;
}
}
@media screen and (max-width:640px){
div.sysMemberAgreement{
overflow: auto;
-webkit-overflow-scrolling:touch;
}
}
@media screen and (min-width:641px) and (max-width:768px){
.sysDisplayTabletNone{
display:none;
}
}
@media screen and (min-width:769px){
.sysDisplayPcNone{
display:none;
}
}
.sysContent {
padding: 0 !important;
}
.sysFuncText.main_visual {
background: #fff;
margin-top: 10px;
margin-bottom: 0;
}
@media screen and (max-width:768px){
.sysFuncText.main_visual {
background: #fff;
margin-top: 0;
margin-bottom: 0;
}
}
/* --------------------------------
* base
* -------------------------------- */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
background: #fff;
color: #333333;
font-size: 1.4rem;
font-size: 14px;
line-height: 1.2;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
-webkit-font-smoothing:antialiased;
}
a {
text-decoration: none;
color: #1d1d1d;
cursor: pointer;
line-height: 2;/*
border-bottom: 1px solid #231815;*/
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
color: #44aaf5;
border-color: #040827;
}
a:active, a:focus {
color: #44aaf5;
outline: 0;
}
a:hover img{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
/*-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;*/
}
a span:hover {
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cf:after {
display: block;
clear: both;
content: "";
}
.left {
float: left;
}
.right {
float: right;
}
li {
list-style: none;
}
.curning {
font-feature-settings : "palt";
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
color: #b5b5b5; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
color: #b5b5b5; }
/* Firefox 18- */
:-moz-placeholder {
color: #b5b5b5; opacity: 1; }
/* Firefox 19+ */
::-moz-placeholder {
color: #b5b5b5; opacity: 1; }
/* IE 10+ */
:-ms-input-placeholder {
color: #b5b5b5; }
/* --------------------------------
* layout
* -------------------------------- */
#sysHeader {
background: #fff;
width: 100%;
margin: 0 auto;
}
.ground_nav {
background: url('https://hayamagarden.aispr.jp/img/nav/nav_bg.png') repeat, #d1894b;
width: 100%;
height: 56px;
color: #002f58;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
}
footer {
background: url('https://hayamagarden.com/img/common/header_top.png') top repeat-x, url('https://hayamagarden.com/img/common/header_top.png') bottom repeat-x, #f8f6ef;
width: 100%;
color: #000;
margin: 0 auto;
padding: 15px 0;
}
.footer {
background: #eaeaea;
width: 100%;
color: #000;
margin: 0 auto;
padding-top: 50px;
}
#sysHeader, footer {
color: #000;
text-align: left;
}
#sysWrap {
margin-bottom: 15px;
width: 1020px;
padding-top: 20px;
margin: 0 auto;/*
background: url('https://hayamagarden.com/img/common/header_top.png') bottom repeat-x, #f8f6ef;*/
}
#sysWrap:after {
display: block;
clear: both;
content: "";
}
/*.content {
width: 100%;
margin: 0 auto;
}*/
/*
全体
コンテンツ部分(hタグ、リード)10200px .wrap
チャンネル部分 .movie_wrap
リスト部分 container
*/
.header {
margin: 0 auto;
}
.header:after {
display: block;
clear: both;
content: "";
}
.inner {
width: 1020px;
margin: 0 auto;
}
.inner_nav {
width: 100%;
height: 90px;
margin: 0 auto;
}
.container {
width: 1020px;
margin: 0 auto;
}
.wrap {
width: 100%;
}
@media screen and (max-width: 768px) {
.header {
width: 100%;
}
.h-search {
display: none;
}
.inner {
width: 100%;
}
}
@media screen and (max-width: 1150px) {
.container {
width: 100%; margin: 0 auto;
}
}
@media screen and (max-width: 960px) {
.wrap {
width: 100%;
}
}
@media screen and (max-width: 768px) {
#sysWrap {
padding: 0 10px;
width: 100%;
}
#sysHeader {/*
height: 70px;*/
}
}
/* --------------------------------
* header
* -------------------------------- */
.head-tool {
background: #040827;
height: 25px;
color: #fff;
font-weight: bold;
margin: 0 auto;
}
.head-tool .inner {
line-height: 25px;
}
.head-tool p {
font-size: 1.1rem;
font-size: 11px;
line-height: 25px;
display: inline-block;
vertical-align: middle;
}
.head-tool .right a {
padding-right: 12px;
background: url(https://hayamagarden.com/img/common/head-tool_arrow.png) no-repeat center right;
font-size: 1.1rem;
font-size: 11px;
line-height: 25px;
color: #fff;
display: inline-block;
vertical-align: middle;
}
.header {
height: 112px;
border-bottom: 1px solid #f4f4f4;
}
.header .inner {
padding-top: 12px;
}
.header .sitedesp {
/* margin: 20px 0 0 20px; */
font-size: 1.0rem;
font-size: 10px;
text-align: left;
}
.header .sitedesp .header_name {
margin: 8px 0 5px;
font-size: 1.3rem;
font-size: 13px;
letter-spacing: 1px;
color: #000;
}
.header .left h1 a {
display: block;
width: 220px;
height: 86px;
background: url(https://hayamagarden.com/img/ecsitetoplogo.png) no-repeat;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
border-bottom: none;
-webkit-transition: all 0.0s ease;
-moz-transition: all 0.0s ease;
-o-transition: all 0.0s ease;
transition: all 0.0s ease;
}
.header-link {
margin: 10px 0 0 0;
padding-bottom: 10px;
font-size: 1.3em;
font-size: 13px;
}
.header-link ul li {
float: left;
padding: 0 0 0 10px;
}
.header-link ul li a {
background: #040827;
font-weight: bold;
color: #fff;
padding: 6px 16px;
border-bottom: none;
}
.header-link ul li a:hover {
background: #44aaf5;
}
.header-link ul li.header-link-cart a {
background: none;
color: #333333;
font-feature-settings : "palt";
padding-left: 22px;
background: url(https://hayamagarden.com/img/common/header_cart.png) no-repeat center left;
}
.header-link ul li.header-link-cart a:hover {
color: #44aaf5;
background: url(https://hayamagarden.com/img/common/header_cart_h.png) no-repeat center left;
}
.h-search {
}
.h-search .search_box {
padding: 0;
background: #fff;
border-bottom: 0;
}
.sysItemSearchForm {
position: relative;
}
/*.search_box input {
margin-top: 2px;
padding: 10px 50px 10px 8px;
width: 100%;
}*/
@media screen and (min-width: 768px){
.h-search .search_box input[type=search] {
font-size: 1.4rem;
font-size: 14px;
margin-top: 2px;
padding: 10px 50px 10px 8px !important;
line-height: 1.2;
border: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
}
.h-search .search_box input.sysSearchButton {
position: absolute;
border: none;
/* padding: 10px; */
width: 25px !important;
/* background: #000; */
/* color: #fff; */
text-indent: -999px;
height: 25px;
padding: 5px;
right: 8px;
top: 8px;
background: url('https://hayamagarden.com/img/common/header_search.png') 50% 50% no-repeat;
background-size: 17px 17px;
}
}
::-webkit-input-placeholder {
font-size: 1.2rem;
font-size: 12px;
font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
@media screen and (max-width: 768px){
.head-tool p.left {
width: 100%;
font-size: 2vw;
float: none;
text-align: center;
}
.head-tool p.right {
display: none;
}
.header .left h1 a {
background: url(https://hayamagarden.com/img/ecsitetoplogo.png) no-repeat;
background-size: 100%;
width: 110px;
height: 43px;
}
.header .inner {
padding: 10px;
}
.fixed {
z-index: 101;
opacity: 0.9;
top: 0;
position: fixed;
background: #fff;
}
.fixed .drawer-hamburger {
top: 0;
}
.header .sitedesp {
display: none;
}
.header .right {
display: none;
}
.header { height: 63px; }
.header-link, .point-banner, .sitedesp { display: none; }
header div.sitename {
margin: 27px 0 0 10px;
}
.h-search .search_box input {
font-size: 1.6rem;
font-size: 16px;
}
::-webkit-input-placeholder {
font-size: 1.6rem;
font-size: 16px;
}
}
@media screen and (max-width: 640px){
#sysHeader {
position: relative;
}
}
@media screen and (max-width: 550px){
.header-btn {
display: none;
}
#menu_box .hnav_head .shopping-box {
display: block;
}
}
/* --------------------------------
* nav
* -------------------------------- */
.navigation {
margin-top: 40px;
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}
.nav_content {
width:100%;
height:200px;
position:relative;
margin:0 auto;
border-right: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}
.nmenu{
width : 25%;
background:#ededed;
height: 60px;
float:left;
list-style:none;
text-align:center;
display:block !important;
border-right: 1px solid #e0e0e0;
cursor: pointer;
}
.nmenu p a{
color:#8e8e8e;
font-size: 1.4rem;
font-size: 14px;
font-weight:bold;
}
.nmenu p {
padding:17px 0 17px 40px;
line-height: 26px;
}
.n_kagu {
background: url(https://hayamagarden.com/img/nav/kagu_icon.png) no-repeat center left;
background-position: center left 20px;
background-size: 42px 26px;
}
.nhover .n_kagu {
background: url(https://hayamagarden.com/img/nav/kagu_icon_h.png) no-repeat;
background-position: center left 20px;
background-size: 42px 26px;
}
.n_coordinate {
background: url(https://hayamagarden.com/img/nav/coordinate_icon.png) no-repeat center left;
background-position: center left 20px;
background-size: 42px 26px;
}
.nhover .n_coordinate {
background: url(https://hayamagarden.com/img/nav/coordinate_icon_h.png) no-repeat;
background-position: center left 20px;
background-size: 42px 26px;
}
.n_situation {
background: url(https://hayamagarden.com/img/nav/situation_icon.png) no-repeat center left;
background-position: center left 20px;
background-size: 42px 26px;
}
.nhover .n_situation {
background: url(https://hayamagarden.com/img/nav/situation_icon_h.png) no-repeat;
background-position: center left 20px;
background-size: 42px 26px;
}
.n_store {
background: url(https://hayamagarden.com/img/nav/store_icon.png) no-repeat center left;
background-position: center left 60px;
background-size: 42px 26px;
}
.nhover .n_store {
background: url(https://hayamagarden.com/img/nav/store_icon_h.png) no-repeat;
background-position: center left 60px;
background-size: 42px 26px;
}
.nav_content div:nth-of-type(7) {
border-right: none;
}
.nhover {
color: #383024;
background:#fff;
display:block !important;
}
.nhover p a{
color: #383024 !important;
}
.ncontent {
width : 100%;
padding: 30px 25px;
background:#FFF;
top:60px;
left:0;
position:absolute;
}
.ncontent ul li {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
div.child_box {
margin: 0 auto;
display: none;
left: -30px;
/* top: 56px; */
top: 52px;
position: absolute;
z-index: 1;
background: #f8f6ef;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
/* border-radius: 2px; */
/* border: 4px solid #E0DFDB; */
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 0px;
}
/*div.child_box {
margin: 0 auto;
display: none;
left: -30px;
top: 56px;
top: 46px;
position: absolute;
z-index: 1;
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
background: #f8f6ef;
border-radius: 2px;
border: 1px solid #e0dfda;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px;
}*/
ul.child{
/*margin: 10px auto;*/
overflow: hidden;
}
ul.child li {
width: 200px;
float: none;
font-weight: normal;
margin: 0;
padding: 0;
height: auto;
text-align: left;
vertical-align: middle;
}
ul.child li:hover {
}
/*ul.child li {
width: 200px;
float: none;
font-weight: normal;
margin: 0 10px;
padding: 0;
height: auto;
text-align: left;
vertical-align: middle;
}*/
ul.child li span{
display: block;
font-size: 1.4rem;
font-size: 14px;
line-height: 1.5;
margin-top: 2px;
padding: 5px;
color: #ccc;
}
ul.child li a {
padding: 10px 20px;
display: block;
font-size: 12px;
font-weight: bold;
color: #000;
line-height: 2;
}
/*ul.child li a{
padding: 10px 20px;
display: block;
font-weight: bold;
color: #000;
}*/
ul.child li a:hover {
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
@media screen and (max-width: 960px) {
.gnav { width: 100%; }
.gnav li {
margin: 0 2%;
font-size:1.2rem;
font-size:12px;
}
}
@media screen and (max-width: 768px) {
.ground_nav { display: none; }
}
/*bread*/
.bread {
padding: 10px;
background: #ececec;
text-align: left;
}
.bread_wrap {
margin: 0 auto;
width: 960px;
}
#breadcrumb {
font-size: 1.2rem;
font-size: 12px;
margin-left: 10px;
}
#breadcrumb ul li {
display:inline-block;
margin-bottom: 3px;
}
#breadcrumb a {
border-bottom: none;
color: #587e95;
}
@media screen and (max-width: 960px) {
.bread_wrap {
width: 100%;
}
}
/* --------------------------------
* main
* -------------------------------- */
/*top*/
.mainCnt {
border-color: #e0dfda !important;
border-style: solid;
border-radius: 0px;
border-width: 0 !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
box-shadow: 0px 0px 0px gray;
margin-bottom: 0 !important;
}
.main-banner {
padding: 10px 9px;
border-bottom: 1px solid #e0dfda;
position: relative;
}
.p-banner {/*
border-top: 1px solid #e0dfda;*/
}
.p-banner li, .contact_banner li, .situation_banner li {
padding: 10px 9px;
margin-bottom: 0 !important;
}
.cate_banner {
padding: 10px 9px;
border-bottom: 1px solid #e0dfda;
}
.cate_banner:after {
display: block;
clear: both;
content: "";
}
.cate_banner li {
float: left;
padding-right: 5px;
width: 50%;
}
.cate_banner li:nth-child(2) {
padding-left: 5px;
padding-right: 0;
}
.p-banner a, .contact_banner a, .situation_banner a, .cate_banner li a {
display: block;
}
.top_ranking_box,
.p-newItem {
padding: 10px 0;
}
.p-newItem h2 {
}
.top_ranking_box .sysContent{
padding-top: 20px !important;
}
.top_ranking_box h2{
}
.p-newItem ul.sysHorizontal {
text-align: left;
vertical-align: top;
margin-top: 10px;
}
.p-newItem .sysContent .sysHorizontal li {
float:left;
vertical-align: top;
width: 19% !important;
padding: 0 0 15px !important;
}
.p-newItem .sysContent .sysHorizontal li .sysItemName {
font-size: 1.2rem;
font-size: 12px;
}
.p-newItem .sysContent .sysHorizontal li .sysItemName a {
line-height: 1.4;
}
.p-newItem .sysContent .sysHorizontal li .sysItemPrice {
line-height: 1.4;
}
.p-newItem .sysContent .sysHorizontal li a {
display: block;
}
.p-newItem .sysContent .sysHorizontal li a img {
width: 100%;
padding-bottom: 8px;
border-top: 20px solid #fff;
border-right: 20px solid #fff;
border-bottom: 0 solid #fff;
border-left: 20px solid #fff;
}
.mainCnt .sysHeadline {
border-bottom: none !important;
background-color: #fff !important;
font-weight: normal;
color: #333333;
font-size: 1.4rem;
font-size: 14px;
padding: 10px 10px 5px 0 !important;;
}
.main-banner span {
position: absolute;
right: 9px;
top: 10px;/*
background: #6d6e2b;
background: #ef8d2c;*/
background: #7C3519;
color: #fff;
padding: 4px;
width: 200px;
text-align: center;
}
.main-banner-half {
float: left;
padding-right: 5px;
width: 50%;
}
#sysMain h2 {
font-size: 2.2rem;
font-size: 22px;
font-weight: normal;
margin-bottom: 20px;
}
#sysMain .top_n_e h2,
#sysMain .rss_wp h2 {
font-size: 2.8rem;
font-size: 28px;
}
#sysMain .sub_catch {
font-size: 1.4rem;
font-size: 14px;
font-weight: normal;
margin-bottom: 30px;
}
.main-banner-half:nth-child(2) {
padding-left: 5px;
padding-right: 0;
}
.news-container {
padding: 0;
margin-bottom: 20px;
}
.news-container .item {
float: left;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
width: 248px;
margin-right: 18px;
}
.news-container .item:nth-of-type(3n) {
margin-right: 0;
}
.news-container .item a{
display: block;
width: 100%;
}
.news-container .item .cate_btn {
font-size: 1.2rem;
font-size: 12px;
background: #aeb5ad;
color: #fff;
padding: 4px;
margin-right: 4px;
text-align: center;
}
.news-container .item .date {
font-size: 1.1rem;
font-size: 11px;
font-weight: bold;
line-height: 1.4;
color: #383024;
margin: 15px 0 0 4px;
}
.news-container .item img {
width: 100%;
padding-bottom: 8px;
}
.news-container .item p {
line-height: 1.4;
}
.news-container p.catch img {
max-width: 123px;
}
.news-container .item p.item-title {
font-size: 1.4rem;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
margin: 15px 0;
}
@media screen and (max-width: 768px) {
.news-container .item {
float: left;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
width: 100%;
margin-right: 0;
}
}
.item-container {
margin: 10px auto 0;
padding: 0 10px 10px;
border-bottom: 1px solid #e0dfda;
}
.item-container .item {
float: left;
margin: 0 auto;
text-align: center;
padding-bottom: 15px;
width: 25%;
position: relative;
}
.item-container .item span {
position: absolute;
right: 9px;
top: 10px;
background: #ef8d2c;
color: #fff;
padding: 4px;
width: 40px;
text-align: center;
}
.item-container .item img {
width: 92%;
padding-bottom: 8px;
border: 20px solid #fff;
}
.item-container .item p {
line-height: 1.4;
}
.item-container p.catch img {
max-width: 123px;
}
.item-container .item p.item-title {
font-size: 1.2rem;
font-size: 12px;
}
@media screen and (max-width: 960px) {
.main_content {
width: 76%;
}
.side_content {
width: 24%;
}
}
@media screen and (max-width: 768px) {
#sysMain h2 {
font-size: 4vw;
margin-bottom: 10px;
}
.main_content img, .side_content img {
width: 100%;
}
.main_content {
border-right: none;
margin-bottom: 0;
}
.main-banner {
padding: 10px 10px;
}
.main-banner span {
position: absolute;
left: 0;
top: 0;
color: #fff;
padding: 8px;
font-size: 14px;
line-height: 1;
width: 100%;
}
.main_content, .side_content {
width: 100%;
}
.main_content {
border-left: none;
}
}
@media screen and (max-width: 640px) {
.item-container .item {
width: 50%;
}
.item-container .item img {
width: 92%;
padding-bottom: 8px;
border: 15px solid #fff;
}
}
/*side*/
.asideCnt {
border-color: #e0dfda !important;
border-style: solid;
border-radius: 0px;
border-width: 1px !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
box-shadow: 0px 0px 0px gray;
margin-bottom: 0 !important;
}
.cate_box {
padding: 10px 0;
margin-bottom: 30px;
}
.cate_box .catch {
padding: 10px 0 10px 5px;
border-bottom: 1px solid #eaeaea;
}
.cate_box ul li {
font-size: 1.2rem;
font-size: 12px;
line-height: 3;
margin: 0;
border-bottom: 1px solid #eaeaea;
}
.cate_box ul li a {
padding: 8px 10px 8px 15px;
line-height: 3;
display: block;
}
.cate_box ul li a:hover {
background: #f2f2f2;
cursor: pointer;
}
.cate_box ul li.drop {
position: relative;
}
div.child_box {
margin: 0 auto;
display: none;
left: 220px;
top: 0;
position: absolute;
z-index: 3000;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
/*div.child_box {
margin: 0 auto;
display: block;
-webkit-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
visibility: hidden;
opacity: 0;
z-index: 8000;
position: absolute;
right: -240px;
top: 0;
width: 240px;
padding: 10px 0;
box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
background-color: #fff;
right: -220px;
}*/
ul.child{
/*margin: 10px auto;*/
overflow: hidden;
}
ul.child li {
width: 200px;
float: none;
font-weight: normal;
margin: 0;
padding: 0;
height: auto;
text-align: left;
vertical-align: middle;
border-bottom: 0;
}
ul.child li:hover {
}
/*ul.child li {
width: 200px;
float: none;
font-weight: normal;
margin: 0 10px;
padding: 0;
height: auto;
text-align: left;
vertical-align: middle;
}*/
ul.child li span{
display: block;
font-size: 1.4rem;
font-size: 14px;
line-height: 1.5;
margin-top: 2px;
padding: 5px;
color: #ccc;
}
ul.child li a {
padding: 10px 20px;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 2;
}
/*ul.child li a{
padding: 10px 20px;
display: block;
font-weight: bold;
color: #000;
}*/
ul.child li a:hover {
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
/*.cate_box ul li span{
background: url('https://hayamagarden.com/img/common/arr_right.gif') left 1px center no-repeat;
padding-left: 18px;
}*/
/*.cate_box ul a li {
border-bottom: 1px solid #231815;
}*/
.sp_search {
display: none;
padding: 10px;
background: #f7f7f7;
margin-top: 10px;
}
.sysItemSearchForm {
position: relative;
}
/*.search_box input {
margin-top: 2px;
padding: 10px 50px 10px 8px;
width: 100%;
}*/
@media screen and (min-width: 769px){
.sp_search input[type=search] {
margin-top: 2px;
padding: 10px 50px 10px 8px !important;
line-height: 1.2;
border: 1px solid #ccc;
}
.sp_search input.sysSearchButton {
position: absolute;
border: none;
/* padding: 10px; */
width: 36px !important;
/* background: #000; */
/* color: #fff; */
text-indent: -999px;
height: 22px;
right: 8px;
top: 8px;
background: url('https://hayamagarden.com/img/common/search_out.gif') 50% 50% no-repeat;
}
}
.side-banner-box {
padding: 10px 9px;
}
.side-banner-box p {
margin-bottom: 10px;
border: 3px solid #EBE6E1;
}
.side-banner-box p:last-child {
margin-bottom: 0;
}
.side-banner-box p img {
width: 100%;
}
.s-category, .s-case {
padding: 10px 9px;
border-bottom: 1px solid #e0dfda;
}
.s-category h2 {
background: url('https://hayamagarden.com/img/common/genre.png') left 5px top 10px no-repeat;
text-indent: -999px;
}
.s-case h2 {
background: url('https://hayamagarden.com/img/common/situation.png') left 5px top 10px no-repeat;
text-indent: -999px;
}
.asideCnt .sysHeadline {
border-bottom: none !important;
background-color: #fff !important;
color: #ffffff;
font-size: large;
padding: 10px 10px 5px !important;;
}
.asideCnt h2 {
line-height: 1.6 !important
}
.s-category ul li, .s-case ul li {
font-size: 1.2rem;
font-size: 12px;
line-height: 1.4;
margin: 0;
padding: 3px 5px 3px 10px;
}
.s-category ul li a:hover, .s-case ul li a:hover {
color: #6c473d;
border-color: #6c473d;
}
.s-category ul li.sysText a, .s-case ul li.sysText a {
padding: 0 !important;
}
.s-banner {
padding: 0;
}
.s-banner li {
margin-bottom: 10px;
border-width: 3px;
border-style: solid;
border-color: rgb(235, 230, 225);
}
.s-banner li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.sp_search { display: block; }
.sp_search input[type=search] {
font-size: 1.4rem;
font-size: 14px;
margin-top: 2px;
padding: 10px 50px 10px 8px !important;
line-height: 1.2;
border: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
}
.sp_search input.sysSearchButton {
position: absolute;
border: none;
/* padding: 10px; */
width: 25px !important;
/* background: #000; */
/* color: #fff; */
text-indent: -999px;
height: 25px;
padding: 5px;
right: 8px;
top: 8px;
background: url('https://hayamagarden.com/img/common/header_search.png') 50% 50% no-repeat;
background-size: 17px 17px;
}
.cate_box { display: none; }
.cate_box {
padding: 0;
}
.cate_box .catch img {
max-width: 148px;
}
.cate_box ul li {
line-height: 2;
}
.cate_box ul a:last-child {
border-bottom: none;
}
.cate_box ul a {
display: block;
border-bottom: 1px solid #e0dfda;
}
}
/* business */
.business {
margin: 0 auto;
padding: 0 10px;
font-size: 1.3rem;
font-size: 13px;
}
.business .tab {
background: #ddd;
margin: 40px auto;
width: 80%;
font-size: 1.5rem;
font-size: 15px;
font-weight: bold;
text-align: center;
overflow:hidden;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px; }
.business .tab li {
width: 50%;
padding: 20px;
line-height: 1;
background: #fff;
vertical-align: middle;
color: #231815;
float:left;
cursor: pointer;}
.business .tab li.select { background:#efefef; color: #666;
font-weight: normal;
cursor: default;}
.business_detail li {
text-align: left;
background:#fff; }
.business_detail li div {
margin-bottom: 40px; }
.business_detail .d_text {
width: 60%;
line-height: 1.8; }
.business_detail .d2_title {
width: 100%;
margin: 20px 0;
font-size: 1.6rem;
font-size: 16px;
font-weight: bold;
color: #231815;
line-height: 1; }
.business_detail .d2_text {
width: 100%;
line-height: 1.8; }
.business_detail .d_img {
width: 40%;
padding: 0 10px;}
.business_detail .d_img img{
width: 100%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.business_detail .d_img .right { margin-left: 40px; }
.business_detail .d_img .left { margin-right: 40px; }
.hide { display:none; }
@media screen and (min-width: 0px) and (max-width: 768px) {
.business {
border-bottom: none;
}
.title { width: 100% !important; }
.store_box { width: 100% !important; }
.company, .recruit, .business, .top_box { width: 100%; }
ul.store_link { width: 90%; }
.top_box {
padding-top: 20px; }
.top_box .left {
float: none; }
.t_title {
margin-left: 0;
width: 100%; }
.t_text {
margin-left: 0;
margin-bottom: 10px;
height: auto;
width: 100%;
font-size: 1.4rem;
font-size: 14px; }
.t_link {
width: 100%;
font-size: 1.2rem;
font-size: 12px;
margin-left: 0; }
.top_box img {
padding-top: 20px;
width: 100%; }
.business_detail .d_text { width: 65% }
.business_detail .d_img { width: 30% }
.business_detail .d_img img { width: 100%; }
.store .s_text .s_title {
font-weight: bold; }
.store .s_img, .store .s_text {
margin: 0 auto;
float: none; }
.store .s_img {
width: 260px;
padding-bottom: 20px;
text-align: center; }
.store .s_text {
margin-left: 0 !important;
width: 100% !important;
text-align: left; }
.store .s_img img {
width: 260px;
height: 195px;
overflow: hidden; }
}
@media screen and (min-width: 0px) and (max-width: 600px) {
.business .tab {
font-size:3vw;
width: 100%;
}
.title { margin-top: 20px; }
ul.store_link img {
display: none; }
.store { font-size: 14px; }
.s_slash {
display: none; }
.sp_block {
margin: 6px 0; }
table, tbody, thead, tfoot, tr, th, td {
display: block; }
.business_detail {
margin: 0 auto;
text-align: center; }
.business_detail .d_text { width: 100%; }
.business_detail .d_img { text-align: center; width: 100%; margin-top: 20px;}
.business_detail .d_img img { width: 50%; text-align: center;}
.business_detail .right { float: none; margin-left: 0; }
.business_detail .left { float: none; margin-right: 0; }
.recruit table th {
width: 100%;
font-weight: bold;
border: none;
padding: 10px 0px; }
.recruit table td {
width: 100%;
padding: 10px 0px; }
.company table th {
width: 100%;
margin-left: 16px;
text-align: left;
padding: 10px 0px; }
.company table td {
width: 100%;
margin-left: 26px;
padding: 10px 0px; }
}
/* --------------------------------
* footer
* -------------------------------- */
#pageTop {
display: none;
position: fixed;
bottom:90px;
right: 10px;
width:48px;
height:48px;
z-index: 10;
cursor: pointer;/*
background: #6A361F;*/
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px; }
.footer .inner {
}
.copyright {
background: #040827;
font-size: 1.1rem;
font-size: 11px;
line-height: 2;
padding: 20px 0;
color: #fff;
text-align: center;
margin-top: 40px;
}
.footer h4 {
height: 58px;
margin-top: 16px;
margin-bottom: 20px;
line-height: 1.6;
font-size: 1.4rem;
font-size: 14px;
}
.ft_box_co,
.ft_box {
float: right;
}
.ft_box_co {
width: 30%;
font-size: 1.2rem;
font-size: 12px;
line-height: 2.4;
}
.ft_box {
width: 20%;
}
.ft_co{
margin-bottom: 24px;
}
.ft_box_co ul li a,
.ft_box ul li a {
line-height: 3;
font-size: 1.2rem;
font-size: 12px;
}
.footerNav {
display: table;
margin: 0 auto;
padding: 20px;
}
.footerNav li {
float: left;
font-size: 10px;
}
.footerNav li:before {
content: '/';
color: #999;
padding: 0 4px;
}
.footerNav li:first-child:before {
content: "";
padding: 0;
}
@media screen and (max-width: 768px){
.footer { padding: 0; }
.footer_r, .footer_l {
width: 100%;
}
.footer_l {
padding: 15px;
text-align: center;
}
footer>ul {
position: absolute;
width: 100%;
top: 0;
margin: 0;
}
.footer_r ul li {
padding: 0;
display: block;
border-right: none;
border-bottom: 1px dotted #000;
}
.footer_r ul li a {
padding: 15px;
display: block;
}
.copyright {
padding: 10px 0;
margin-top: 0;
padding-bottom: 200px;
}
}
@media screen and (max-width: 640px){
.copyright {
padding-bottom: 30vw;
}
}
.alert {
font-size: 1.6rem;
font-size: 16px;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
text-align: left;
padding: 20px 20px 10px 20px;
margin: 40px auto 0;
border: 1px solid transparent;
border-radius: 4px;
}
/* slick
------------------------------------------------ */
.mv_container {
background: #fff;
padding: 0 0;
width: 100%;
margin-bottom: 10px;
}
.slick-prev {
width: 40px;
height: 40px;
left: 27%;
z-index: 100;
}
.slick-next {
width: 40px;
height: 40px;
right: 27%;
z-index: 100;
}
.slick-prev::before {
opacity: 1;
content: url("https://hayamagarden.com/img/slide/slide_prev.png");
font-family: FontAwesome;
}
.slick-next::before {
opacity: 1;
content: url("https://hayamagarden.com/img/slide/slide_next.png");
font-family: FontAwesome;
}
.mod_slide_nav {
width: 538px;
margin: 0 auto;
text-align: center;
font-size: 1.6rem;
font-size: 16px;
}
.mv_title {
padding-top: 5px;
}
@media screen and (max-width: 960px) {
.slick-prev {
left: -0;
}
.slick-next {
right: -0;
}
.slick-prev::before {
opacity: .8;
}
.slick-next::before {
opacity: .8;
}
}
@media screen and (max-width: 768px) {
.mv_container { padding-top: 0; }
.mod_slide_nav {
width: 100%;
}
.slick-prev {
left: -0;
}
.slick-next {
right: -0;
}
.slick-prev::before {
opacity: .3;
color: #231815;
font-size: 40px;
line-height: 1;
content: "\f104";
font-family: FontAwesome;
}
.slick-next::before {
opacity: .3;
color: #231815;
font-size: 40px;
line-height: 1;
content: "\f105";
font-family: FontAwesome;
}
.mod_slide_nav {
font-size: 3vw;
}
}
.drawer-hamburger { display: none; }
.pc_none {
display: none;
}
@media screen and (max-width: 768px){
.pc_none {
display: block;
}
.sp_none {
display: none;
}
.drawer-hamburger { display: block; }
}
.navigation { margin-top: 20px; }
@media screen and (max-width: 768px) {
.navigation { display: none; }
}
/* sp menu
------------------------------------------------ */
.slide_box {
margin-bottom: 20px;
padding: 20px 10px 0px;
color: #fff !important;
}
.slide_box .slide_title {
font-size: 1.4rem;
font-size: 14px;
line-height: 2;
font-weight: bold;
padding: 0 0 25px 10px;
}
.slide_box .catch {
font-size: 3vw !important;
height: auto !important;
text-align: left !important;
color: #000 !important;
line-height: 1.2;
font-weight: bold;
padding: 15px 10px;
}
.slide_box .catch a {
color: #fff !important;
}
.slide_box ul {
padding: 6px 0;
margin: 0 0px 6px;
}
.slide_box ul li {
font-size: 1.4rem;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 10px;
}
.slide_box ul li a {
}
.slide_box h4 {
color: #ede9e2;
text-align: center;
padding: 0;
margin: 0 auto 10px;
font-size: 14px;
text-align: center;
font-weight: bold;
background: none;
box-shadow: none;
}
/* ボトムバナー
------------------------------------------------ */
#bottom-banner{
width:100%;
position:fixed;
right:0;
bottom:0;
z-index: 3;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
#bottom-banner a{
width:25%;
height: 80px;
text-align: center;
font-size: 2vw;
padding: 20px 10px 0;
line-height: 1.2;
float:left;
background: #ededed;
border-left: 1px solid #e0e0e0;
font-feature-settings : "palt";
}
#bottom-banner a{
display:block;
}
#bottom-banner a img{
width:50%;
margin-bottom: 10px;
}
/*下層*/
.sysItemCategoryPankuzu, .sysCategoryPankuzu {
font-size: 1.2rem;
font-size: 12px;
line-height: 1.2;
padding: 10px 9px;
}
.sysItemCategoryPankuzu, .sysItemCategoryPankuzu a, .sysItemCategoryCtl, .sysItemCategoryCtl a {
color: #2d2d2d;
}
.sysItemCategoryCtl {
font-size: 1.2rem;
font-size: 12px;
line-height: 1.2;/*
border: 1px dotted #636161 !important;*/
border-left: none;
border-right: none;
margin: 0 !important;
padding: 5px 9px !important;
}
.sysItemListDisp {
font-size: 1.2rem;
font-size: 12px;
line-height: 1.2;
padding: 5px 9px;
}
.sysItemList {
padding: 10px 9px;
}
.sysItemList h2 {
background: url('https://hayamagarden.com/img/common/newitem.png') left 5px top 10px no-repeat;
text-indent: -999px;
}
.sysItemList .sysContent .sysHorizontal li {
float: left;
width: 25% !important;
padding: 0 0 15px 0 !important;
}
.sysItemList ul.sysThumbnail li {
display: inline-block;
float: none;
width: 24% !important;
vertical-align: top;
padding: 0 0 15px 0 !important;
}
.sysItemList ul.sysThumbnail li .sysItemName {
font-size: 1.4rem;
font-size: 14px;
line-height: 1.2;
text-align: center;
padding: 0;
}
.sysItemList ul.sysThumbnail li .sysRetailPrice {
line-height: 1.4;
font-size: 1.2rem;
font-size: 12px;
/* padding: 0 9px; */
text-align: center;
}
.sysItemList ul.sysThumbnail li .sysItemPrice {
line-height: 1.4;
}
.sysItemList ul.sysThumbnail li a {
display: block;
line-height: 1.4;
}
.sysItemList ul.sysThumbnail li a img {
width: 100%;
padding-bottom: 8px;
border-top: 20px solid #fff;
border-right: 20px solid #fff;
border-bottom: 0;
border-left: 20px solid #fff;
}
.sysThumbnail form {
margin: 0 auto;
text-align: center;
}
.sysAddVariation {
text-align: left;
}
.sysThumbnail form .sysCartButton {
/* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; */
/* background: url('https://hayamagarden.com/img/nav/back.gif') repeat, #d1894b; */
-webkit-appearance: none;
background: #d1894b;
color: #fff;
border: none;
padding: 10px 8px;
font-size: 1.3rem;
font-size: 13px;
font-weight: bold;
width: 80%;
margin: 15px auto;
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
border-radius: 4px;
}
.sysPagination {
padding-bottom: 5vw;
}
@media screen and (max-width: 768px) {
.sysItemList ul.sysThumbnail li,
.top_ranking_box .sysContent .sysHorizontal li {
float: none;
width: 48% !important;
}
.sysThumbnail form .sysCartButton {
font-size: 2.5vw;
}
.item-container .item img {
width: 92%;
padding-bottom: 8px;
border: 15px solid #fff;
}
}
/* detail */
.orderArea {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
.sysItemName {
padding: 10px 0 0 0;
}
.sysItemName h1 {
/* margin-bottom: 10px; */
/* padding-left: 10px; */
font-size: 24px;
font-size: 2.4rem;
font-weight: normal;
margin-top: 10px;
padding-bottom: 5px;
}
.sysItemImages {
padding: 0;
}
.sysDescription, .sysPr {
padding: 0 0 10px;
}
.sysSuggestedRetailPrice {
padding: 0 - 0px;
}
#sysItemDetail .sysRetailPrice {
font-size: 1.6rem;
font-size: 16px;
font-weight: normal;
padding: 0 10px 10px 0;
color: #000;
}
.sysMainImage.sysMainImageModal img {
padding-bottom: 10px;
width: 100%;
}
.sysimg_box {
float: left;
width: 46%;
margin-right: 4%;
padding-bottom: 20px;
}
.orderArea {
padding-bottom: 26px;
float: right;
width: 50%;
}
.orderArea .sysItemName h1 {
font-size: 1.6rem;
font-size: 16px;
font-weight: normal;
margin-top: 0 !important;
}
div#sysVariation {
padding: 0 9px 10px;
}
#sysMain .orderArea .sysItemName, #sysMain .orderArea .sysItemViewId, #sysMain .orderArea .sysRetailPrice div#right_block_order {
float: none;
width: 100%;
}
div#right_block_order:after{
display: block;
clear: both;
content: "";
}
.orderArea:after, form#sysCartInForm:after {
display: block;
clear: both;
content: "";
}
.sysDescription {
padding: 20px 0;
font-size: 1.4rem;
font-size: 14px;
font-weight: bold;
line-height: 1.8;
/* width: 48%; */
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
border-top: 2px solid #040827;
border-bottom: 2px solid #040827;
/* clear: both; */
}
.sysPr {
padding: 0 9px 10px;
/* clear: both; */
}
span.sysItemPr {
/* position: absolute; */
/* right: 9px; */
/* top: 10px; */
background: #ec4d33;
color: #fff;
padding: 2px 6px;
/* width: 40px; */
text-align: center;
font-size: 1.2rem;
font-size: 12px;
border-radius: 0;
}
.order_right {
float: right;
width:48%;
}
.order_right:after {
display: block;
clear: both;
content: "";
}
@media screen and (max-width: 768px) {
div#right_block_order , .order_right {
float: none;
width:100%;
}
}
#sysItemDetail .sysSuggestedRetailPrice {
font-size: small;
color: ;
}
#sysItemDetail {
}
#sysItemDetail .sysRetailPrice {
/* font-size: large; */
padding: 6px 9px 7px 0;
/* clear: both; */
}
span.sysRetailPriceValue {
font-size: 1.8rem;
font-size: 18px;
font-weight: bold;
}
.sysForm {
/* float: right;
width: 48%;*/
}
div#sysNumber {
padding: 0 0 10px;
/* float: right; */
/* clear: both; */
/* width: 46%; */
}
div#sysVariation {
padding: 0 9px 5px;
font-size: 1.2rem;
font-size: 12px;
}
button.sysBtnPlus, button.sysBtnMinus {
-webkit-appearance: none;
background: #888;
color: #fff;
border: none;
padding: 6px 8px;
font-size: 1.2rem;
font-size: 12px;
font-weight: bold;
/* width: 80%; */
margin: 10px auto 5px;
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
border-radius: 4px;
/* float: left; */
width: 39%;
}
div#sysSubmit {
padding: 0 0 10px;
/* float: right; */
width: 100%;
}
#sysSubmit input.sysCartButton {
-webkit-appearance: none;
background: url(https://hayamagarden.com/img/icon/btn_cart.png) no-repeat center left 20px,#e06013;
background-size: 19px 17px;
color: #fff;
border: none;
padding: 18px 8px;
font-size: 1.8rem;
font-size: 18px;
font-weight: bold;
width: 80%;
/* margin: 15px auto; */
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
/* float: right; */
/* width: 30%; */
}
#sysItemDetail .sysShare {
margin-top: 20px;
padding: 10px 10px;
background: #f1f1f1;
/* float: right; */
width: 90%;
}
div#sysWishlist {
padding: 10px 9px;
}
button.sysButton {
padding: 5px 10px;
margin-top: 20px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
cursor: pointer;
width: 40%;
}
.sysExplanation {
padding: 10px 0 20px;
line-height: 2;
font-size: 1.6rem;
font-size: 16px;
}
.sysExplanation img {
max-width: 100%;
padding-bottom: 10px;
}
.orderArea .sysThumbnailImage {
float: left;
width: 48%;
margin-left: 2%;
/* vertical-align: top; */
}
.sysReview {
padding: 10px 9px;
}
@media screen and (max-width: 768px) {
.orderArea {
padding-bottom: 26px;
float: none;
width: 100%;
}
.orderArea .sysThumbnailImage {
float: none;
width: 100%;
margin-left: 2%;
/* vertical-align: top; */
}
.sysItemImages .sysImageList li {
height: auto;
width: 20%;
margin: 0;
padding: 2px;
line-height: 1;
}
.sysimg_box {
float: none;
width: 100%;
margin-right: 0;
padding-bottom: 10px;
}
.sysDescription {
padding: 10px 9px;
float: none;
width: 100%;
margin-left: 0;
/* clear: both; */
}
.sysPr {
float: none;
width: 50px;
/* clear: both; */
}
#sysItemDetail .sysRetailPrice {
/* font-size: large; */
float: none;
width: 100%;
/* clear: both; */
}
.sysForm {
float: none;
width: 100%;
text-align: left;
}
button.sysBtnPlus, button.sysBtnMinus {
width: 40%;
}
div#sysSubmit {
/* float: right; */
width: 100%;
}
#sysSubmit input.sysCartButton {
width: 100%;
}
#sysItemDetail .sysShare {
margin-top: 10px;
width: 100%;
}
button.sysButton {
margin-top: 10px;
/* text-align: center; */
width: 50%;
}
table, tbody, thead, tfoot, tr, th, td {
display: block;
text-align: left;
}
.orderArea .sysThumbnailImage {
float: left;
width: 48%;
margin-left: 2%;
/* vertical-align: top; */
}
.orderArea .sysThumbnailImage {
float: none;
width: 100%;
padding: 0 9px 10px;
margin-left: 0;
/* vertical-align: top; */
}
}
.about_head, .shoplist_head {
text-align: center;
padding: 10px 9px;
margin-bottom: 0 !important;
}
.about_head a {
display: block;
}
/* store */
ul.store_link {
padding-top: 20px;
margin: 0 auto; }
ul.store_link li {
width: 32.5%;
padding: 12px 0;
float: left;
text-align: center;
background:-moz-linear-gradient( center top, #2c4365 34%, #2e5a88 71% );
background:-ms-linear-gradient( top, #2c4365 34%, #2e5a88 71% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4365', endColorstr='#2e5a88');
background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #2c4365), color-stop(80%, #2e5a88) );
background-color:#2c4365;
font-size: 1.2rem;
font-size: 12px; }
ul.store_link li:first-child {
margin-right: 1%; }
ul.store_link li:last-child {
margin-left: 1%; }
ul.store_link li a {
display: block;
color: #fff;
font-size: 1.4rem;
font-size: 14px;
font-weight: bold; }
ul.store_link li img {
margin-right: 4px; }
.store_box {
width: 700px;
margin: 0 auto;
text-align: left; }
.store {
padding-bottom: 20px;}
.store .s_img, .store .s_text {
float: left; }
.store .s_img {
width: 200px; }
.store .s_img img {
width: 200px;
height: 150px; }
.store .s_text {
width: 490px;
background: #fff;
margin-left: 10px;
font-size: 1.2rem;
font-size: 12px; }
.store .s_text .s_title {
font-size: 1.6rem;
font-size: 16px; }
.store .s_text .s_detail {
margin: 10px 0;
line-height: 1.8; }
.store .s_text .s_comment {
margin: 10px 0;
padding: 10px;
line-height: 1.8;
border: 3px solid #ddd;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px; }
.store .s_text a { text-decoration: underline; }
.store .title {
margin-top: 20px;
padding-bottom: 20px;
}
.store .title a {
background: #ef8d2c;
color: #fff;
padding: 4px 20px;
text-align: center;
}
.store .title p {
background: #c1bbb6;
color: #fff;
padding: 10px 20px;
text-align: center;
}
.sysExplanation a{
color: #B3A759;
}
.sysItemImages .sysImageList li.sysCurrent img {
}
.sysItemImages .sysImageList li {
float: left;
height: 80px;
width: 80px;
margin: 2px;
text-align: center;
line-height: 90px;
}
#feed {
padding: 0 0 10px;
clear: both;
}
#feed li {
float: left;
width: 50%;
padding-left:5px;
}
#feed li:nth-child(even) {
float: left;
padding-right: 5px;
padding-left:0;
}
#feed li:first-child {
width: 100%;
margin-bottom:20px;
padding-left:0;
}
#feed li .meta .tit {
margin-top: 10px;
}
#feed li .meta .tit a {
font-size: 1.5rem;
font-size: 15px;
line-height: 1.6;
}
.front_more_link {
text-align: right;
}
.front_more_link a {
color: #44aaf5;
}
#feed li a img {
/*padding-bottom: 8px;
border-top: 20px solid #fff;
border-right: 20px solid #fff;
border-bottom: 0 solid #fff;
border-left: 20px solid #fff;*/
}
#feed li a h4 {
line-height: 1.6;
}
#feed .meta .cate,
#feed .meta .date {
display: none;
}
@media screen and (max-width: 640px) {
/*#feed li {
float: left;
text-align: center;
width: 50% !important;
padding: 0 0 15px 0 !important;
}
#feed li a img {
padding-bottom: 8px;
border-top: 20px solid #fff;
border-right: 20px solid #fff;
border-bottom: 0 solid #fff;
border-left: 20px solid #fff;
}*/
}
.form-inquiry .sysForm,.sysMemberRegister .sysForm, #sysBillingAddress .sysForm {
float: none;
width: 100%;
}
.form-inquiry #sysMain, .sysMemberRegister #sysMain, #sysBillingAddress #sysMain {
padding: 10px 9px !important;
}
#sysBillingAddress #sysMain .sysPrefState input,
#sysBillingAddress #sysMain .sysGender input,
#sysBillingAddress #sysMain .sysAcceptMailmagazine input{
width: auto;
}
#sysBillingAddress #sysMain .sysFormItem {
line-height: 2;
}
#sysBillingAddress #sysMain .sysFormItem .sysFormField {
padding: 10px;
}
#sysBillingAddress #sysMain .sysFormItem .sysFormLabel {
background: #EBE6E1;
width: 100%;
display: block;
padding: 0 10px;
font-size: 1.2rem;
font-size: 12px;
font-weight: bold;
}
.form-inquiry #sysMain input,
.form-inquiry #sysMain textarea,
.sysMemberRegister #sysMain input, .sysMemberRegister #sysMain textarea,
#sysBillingAddress #sysMain input, #sysBillingAddress #sysMain textarea{
border: 1px solid #b0b0b0;
width: 100%;
margin: 0 auto;
padding: 10px 5px;
font-size: 1.6rem;
font-size: 16px;
line-height: 1.4em;
background: #fff;
border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#sysMypageEditDelivery #sysMain input, #sysMypageEditDelivery #sysMain textarea,
#sysMypageEditMember #sysMain input, #sysMypageEditMember #sysMain textarea {
border: 1px solid #b0b0b0;
margin: 0 auto;
padding: 10px 5px;
font-size: 1.6rem;
font-size: 16px;
line-height: 1.4em;
background: #fff;
border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#sysMypageEditMember #sysMain input[type=submit].sysNextSubmit,
#sysMypageEditDelivery #sysMain form{
margin-bottom: 20px;
}
#sysMypageEditDelivery #sysMain input[type=submit].sysNextSubmit {
margin-top: 20px;
}
.form-inquiry #sysMain input[type=submit],
.sysMemberRegister #sysMain input[type=submit],
#sysBillingAddress #sysMain input[type=submit],
#sysMypageEditMember #sysMain input[type=submit],
#sysMypageEditDelivery #sysMain input[type=submit] {
border: 1px solid #b0b0b0;
color: #fff;
background: #a0af2e;
width: 100%;
margin: 0 auto;
padding: 20px 5px;
font-size: 1.6rem;
font-size: 16px;
line-height: 1.4em;
border-radius: 4px;
}
.sysMemberRegister #sysMain input[type=submit].sysBackButton, #sysBillingAddress #sysMain input[type=submit].sysBackSubmitArea {
-webkit-appearance: none;
background: #888;
color: #fff;
border: none;
padding: 6px 8px;
font-size: 1.2rem;
font-size: 12px;
font-weight: bold;
/* width: 80%; */
margin: 10px auto 5px;
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
border-radius: 4px;
/* float: left; */
width: 30%;
}
.sysMemberRegister #sysMain form {
padding: 10px 0;
}
.sysMemberRegister #sysMain .sysFormItem ,
#sysMypageEditMember #sysMain .sysFormItem ,
#sysMypageEditDelivery #sysMain .sysFormItem {
line-height: 2;
}
.sysMemberRegister #sysMain .sysGender input,
.sysMemberRegister #sysMain .sysBirthday input,
.sysMemberRegister #sysMain .sysAcceptMailmagazine input,
#sysMypageEditMember #sysMain .sysGender input,
#sysMypageEditMember #sysMain .sysBirthday input,
#sysMypageEditMember #sysMain .sysAcceptMailmagazine input,
#sysMypageEditDelivery #sysMain .sysGender input,
#sysMypageEditDelivery #sysMain .sysBirthday input,
#sysMypageEditDelivery #sysMain .sysAcceptMailmagazine input {
width: auto !important;
}
.form-inquiry h2, .sysMemberRegister h2 {
padding: 10px 0 20px;
}
.form-inquiry .sysFormField {
padding: 10px 0 20px;
}
.sysMemberRegister #sysMain .sysFormItem .sysFormLabel,
#sysMypageEditMember #sysMain .sysFormItem .sysFormLabel,
#sysMypageEditDelivery #sysMain .sysFormItem .sysFormLabel {
background: #EBE6E1;
width: 100%;
display: block;
padding: 0 10px;
font-size: 1.2rem;
font-size: 12px;
font-weight: bold;
}
.sysMemberRegister #sysMain .sysFormItem .sysFormField,
#sysMypageEditMember #sysMain .sysFormItem .sysFormField ,
#sysMypageEditDelivery #sysMain .sysFormItem .sysFormField {
padding: 10px;
}
#haiso #sysMain,
#corporate #sysMain,
#privacypolicy #sysMain,
#faq #sysMain {
line-height: 1.8;
padding:10px 9px !important; }
#privacypolicy #sysMain dt,
#faq #sysMain dt {
padding: 0.4em 0.3em 0.4em 1em;
background: #f7f7f7;
font-size: 14px;
}
#privacypolicy #sysMain dd{
margin-bottom: 1em;
padding: 15px 0.3em 1em 2.2em;
}
#faq #sysMain dd {
margin-bottom: 1em;
padding: 15px 0.3em 1em 2.2em;
text-indent: -2.2em;
}
#faq #sysMain dd span {
font-size: 12px;
margin-right: 0.4em;
padding: 4px 6px 4px 7px;
background: #040927;
color: #fff;
display: in-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#privacypolicy #sysMain p.notice,
#faq #sysMain p.notice {
margin-bottom: 1em;
}
#faq #sysMain dd p {
margin-bottom: 1em;
height: 1px;
display: inline;
}
#faq #sysMain dd dt {
padding: 0 0 0 2em;
font-size: 12px;
background: none;
}
#faq #sysMain dd dd {
margin-bottom: 0.5em;
padding: 0;
text-indent: 0;
background: 0;
}
#faq #sysMain dd ul li {
text-indent: 0;
}
#haiso .mainCnt .sysHeadline,
#corporate .mainCnt .sysHeadline,
#privacypolicy .mainCnt .sysHeadline {
color:#000;
}
#corporate #sysMain dt {
margin-bottom: 2em;
padding: 7px 5px 6px 10px;
width: 20%;
float: left;
background: #f7f7f7;
}
#corporate #sysMain dd {
margin-bottom: 2em;
padding: 7px 0 7px 15px;
width: 80%;
float: left;
border-top: 1px solid #EBE6E1;
}
#haiso #sysMain h2 {
margin-bottom: 1em;
padding: 5px 0 4px 10px;
background: #f7f7f7;
}
#haiso ul.shopguide-link li{
background: url('https://hayamagarden.com/img/common/header_arrow.png') left center no-repeat;
padding-left: 10px;
}
.hnav_head li.child_nav_item a{
background: url('https://hayamagarden.com/img/common/header_arrow.png') left 2px no-repeat;
padding-left: 10px;
}
#haiso ul.shopguide-link {
padding-bottom: 20px;
}
#sysThanks .sysNextSubmit {
background: #d1894b !important;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
-webkit-appearance: none;
background: #a0af2e;
color: #fff;
border: none;
padding: 10px 8px;
font-size: 1.3rem;
font-size: 13px;
font-weight: bold;
width: 80%;
/* margin: 1.5em auto;*/
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
border-radius: 4px;
/* float: right; */
/* width: 30%; */
}
#sysBasket #sysMain {
padding: 10px 9px !important;
}
.sysCartTitle {
background-color: #040827;
border-bottom: 0;
font-weight:bold;
/* margin-bottom: 10px; */
/* padding-left: 10px; */
font-size: 16px;
font-size: 1.6rem;
margin-top: 10px;
padding-bottom: 5px;
}
.sysCart #sysMain input[type=submit], .sysCart #sysMain button[type=submit], .sysCart #sysMain button {
-webkit-appearance: none;
background: #888;
color: #fff;
border: none;
padding: 6px 8px;
font-size: 1.2rem;
font-size: 12px;
font-weight: bold;
/* width: 80%; */
margin: 10px auto 5px;
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
border-radius: 4px;
/*float: right;*/
width: 30%;
}
.sysSubTotalArea {
padding: 17px 0;
font-size: 18px;
}
.table_list_image {
width: 100%;
}
.table_list_image tr td {
display: inline-block;
width: 100px;
padding-right:10px;
}
.table_list_image tr td a img {
max-width: 100px;
}
#sysMypageLogin div#sysMain,
#sysMemberRegisterIndex div#sysMain,
#sysMypageReminder div#sysMain,
#sysMypageLogin div#sysMain,
.sysMypage div#sysMain {
padding: 10px 9px !important;
}
.sysMypage div#sysMain p {margin-bottom:8px;}
#sysMypageIndex div#sysMain .sysMypageNav {
padding: 10px 0 !important;
}
#sysMemberRegisterIndex .sysForm {
width:100%;
float: none;
}
#sysMypageLogin h2, #sysMypageLogin h3,
#sysMemberRegisterIndex h2,
#sysMypageReminder h2, #sysMypageReminder h3,
.sysMypage h2, .sysMypage h3 { padding: 10px 0 20px !important;
}
#sysMypageLogin .sysLoginForm .sysFormItem input , #sysMemberRegisterIndex .sysForm .sysFormItem input, #sysMypageReminder .sysFormItem input {
padding: 10px;
margin: 10px 0 20px;
/* width: 80%; */
}
#sysMypageLogin .sysLoginForm .sysFormItem input {
width: 100%;
}
#sysMemberRegisterIndex .sysAddress2 .sysFormField input {
width: 80%;
}
#sysMemberRegisterIndex .sysMailaddress .sysFormField input {
width: 50%;
}
#sysMypageLogin .sysLoginForm form input[type=submit].sysLoginButton, #sysMemberRegisterIndex #sysMain #form_main input[type=submit] {
border: none;
color: #fff;
background: #a0af2e;
width: 100%;
margin: 0 auto 20px;
padding: 20px 5px;
font-size: 1.6rem;
font-size: 16px;
line-height: 1.4em;
cursor: pointer;
border-radius: 4px;
font-weight: bold;
-webkit-appearance: none;
}
.sysMypage #sysMain form input[type=submit] {
border: none;
color: #fff;
background: #a0af2e;
width: 100%;
margin: 0 auto 20px;
padding: 20px 5px;
font-size: 1.6rem;
font-size: 16px;
line-height: 1.4em;
cursor: pointer;
border-radius: 4px;
font-weight: bold;
-webkit-appearance: none;
}
input.sysButton {
-webkit-appearance: none;
background: #888 !important;
color: #fff;
border: none;
padding: 6px 8px;
font-size: 1.2rem;
font-size: 12px;
font-weight: bold;
/* width: 80%; */
margin: 10px auto 5px;
/* padding-top: 10px; */
/* text-align: center; */
cursor: pointer;
border-radius: 4px;
float: right;
width: 30% !important;
}
#sysMemberRegisterIndex .sysForm .sysFormItem button.sysButton {
margin: 0 0 20px !important;
}
#sysMemberRegisterIndex .sysForm .sysFormItem .sysFormField select {
margin: 10px 0 20px !important;
}
#sysPurchaseAuthMember .sysForm, #sysBillingAddress .sysForm {
float: none;
width: 100%;
padding: 10px 9px !important;
margin-bottom: 20px;
}
.top_ranking_box .sysContent .sysHorizontal li {
position: relative;
float: none;
width: 19%;
padding: 5px;
display: inline-block;
vertical-align: top;
padding: 0 10px 10px 0 !important;
}
.top_ranking_box .sysContent .sysHorizontal li:nth-of-type(5n) {
padding: 0 0 0 0 !important;
}
.sysIconRank {
position: absolute;
}
.top_ranking_box .sysIconRank {
padding: 4px;
}
.top_ranking_box .sysContent {
text-align: left;
}
.top_ranking_box .sysIconRank img {
width: 23px !important;
}
.sysOrder .sysConfirmInfo, .sysDetail .sysConfirmInfo {
text-align: left;
}
.sysDisplayKeitaiNone .sysReviewHistoryList{
padding: 10px 10px;
margin-bottom:10px;
background: #fbfbfb;
color: rgb(58, 40, 40);
}
.sysDisplayKeitaiNone .sysReviewHistoryList li {
border-bottom: 1px solid #eae6e1;
padding: 10px 0;
}
.sysDisplayKeitaiNone .sysReviewHistoryList li:last-child {
border-bottom: 0;
}
ul.sysSelectDelivery, ul.sysSelectPayment, .sysRemarks, .sysSelectOption{
padding: 0 10px !important;
}
#top .sp_login {
margin-top: 0 !important;
}
.contact_mv,
.contact_mv2 {
text-align: center;
}
.contact_list ul {
text-align: center;
}
.contact_list li {
width: 33%;
padding: 2%;
display: inline-block;
text-align: left;
vertical-align: top;
}
.contact_list li p{
margin-bottom: 10px;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.contact_list li {
width: 100%;
}
}
.contact_mv2 .mv_container {
padding: 20px 0 !important;
}
/* 楽天バナー対応 */
.rakubanner img{
float:right;
margin: 15px 0 0 300px;
}
@media screen and (max-width: 768px){
.rakubanner img{
display:none;
}
}
.sysContent .rakuimage{
text-align:left;
margin:0 auto 10px;
}
.tokushotextbox{
padding:0 5px;
}
.mb2em{
padding:0 5px;
font-size: 1.4rem;
font-size: 14px;
line-height: 1.6;
}
.news_recruit{
padding: 10px;
}
/* top 修正
------------------------------------------------ */
.top_reco {
margin-top: 40px;
}
.top_reco .sysContent .sysHorizontal li {
float: left;
width: 254px;
display: block !important;
margin-right: 9px !important;
margin-bottom: 10px;
padding: 0;
}
li.tr_ttl {
border: 1px solid #eaeaea;
height: 254px;
padding: 32px 0 0 0 !important;
}
p.tr_jp {
margin-bottom: 80px;
}
p.tr_en {
font-size: 2.8rem;
font-size: 28px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 5px;
}
.top_reco_dining p.tr_en {
font-feature-settings : "palt";
}
p.tr_link {
font-size: 1.1rem;
font-size: 11px;
}
.top_reco .sysContent .sysHorizontal li:nth-of-type(3n) {
margin-right: 0 !important;
}
.top_reco .sysContent .sysHorizontal li:nth-of-type(7) {
display: none !important;
}
@media screen and (max-width: 768px){
.top_reco .sysContent .sysHorizontal li {
float: left !important;
width: 50%;
margin:0 !important;
padding: 0;
border: 1px solid #ececec;
}
.top_reco .sysContent .sysHorizontal li:nth-of-type(7) {
display: block !important;
}
li.tr_ttl {
border: 1px solid #eaeaea;
width: 100% !important;
height: auto;
padding: 10px !important;
}
p.tr_en {
font-size: 4vw;
margin-top: 10px;
margin-bottom: 5px;
}
p.tr_jp {
font-size: 2vw;
margin-bottom: 10px;
}
p.tr_link {
font-size: 2vw;
}
}
.ranking_ttl {
margin-top: 40px;
}
.cate_child_list ul li {
width: 32%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
text-align: center;
padding: 10px;
border: 4px solid #ececec;
}
.cate_child_list ul li:nth-of-type(3n) {
margin-right: 0;
}
.cate_child_list ul li a {
display: block;
}
.cate_child_list ul li:hover {
background: #ececec;
}
.news-container {
padding: 0;
margin-bottom: 20px;
}
#feed_news .rss-thumbnail {
float: left;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
width: 248px;
margin-right: 18px;
}
#feed_news .rss-thumbnail:nth-of-type(3n) {
margin-right: 0;
}
#feed_news .rss-thumbnail a{
display: block;
width: 100%;
}
#feed_news .rss-thumbnail .cate {
font-size: 1.2rem;
font-size: 12px;
background: #aeb5ad;
color: #fff;
padding: 4px;
margin-right: 4px;
text-align: center;
}
#feed_news .rss-thumbnail .date {
font-size: 1.1rem;
font-size: 11px;
font-weight: bold;
line-height: 1.4;
color: #383024;
margin: 15px 0 0 4px;
}
#feed_news .rss-thumbnail img {
width: 100%;
padding-bottom: 8px;
}
#feed_news .rss-thumbnail div {
line-height: 1.4;
}
#feed_news .rss-thumbnail .tit {
font-size: 1.4rem;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
margin: 15px 0;
}
.column_ttl {
margin-bottom:20px;
}
#feed_column .rss-thumbnail {
float: left;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
width: 248px;
margin-right: 18px;
}
#feed_column .rss-thumbnail:nth-of-type(3n) {
margin-right: 0;
}
#feed_column .rss-thumbnail a{
display: block;
width: 100%;
}
#feed_column .rss-thumbnail .cate {
font-size: 1.2rem;
font-size: 12px;
background: #aeb5ad;
color: #fff;
padding: 4px;
margin-right: 4px;
text-align: center;
}
#feed_column .rss-thumbnail .cate_btn {
font-size: 1.2rem;
font-size: 12px;
background: #aeb5ad;
color: #fff;
padding: 4px;
margin-right: 4px;
text-align: center;
}
#feed_column .rss-thumbnail .date {
font-size: 1.1rem;
font-size: 11px;
font-weight: bold;
line-height: 1.4;
color: #383024;
margin: 15px 0 0 4px;
}
#feed_column .rss-thumbnail img {
width: 100%;
padding-bottom: 8px;
}
#feed_column .rss-thumbnail div {
line-height: 1.4;
}
#feed_column .rss-thumbnail .tit {
font-size: 1.4rem;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
margin: 15px 0;
}
@media screen and (max-width: 768px) {
#feed_news .rss-thumbnail {
float: left;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
width: 100%;
margin-right: 0;
}
#feed_column .rss-thumbnail {
float: left;
margin: 0 auto;
text-align: left;
padding-bottom: 15px;
width: 100%;
margin-right: 0;
}
}
.sysHeadline.column_ttl_box {
height: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.sysHeadline.column_ttl_box p {
float: left;
}
.sysHeadline.column_ttl_box span {
float: right;
display: inline-block;
}
.hg_insta {
margin-top: 40px;
padding-bottom: 20px;
}
/* aiship css 調整用
------------------------------------------------ */
#sysItemSearch #sysMain form{
border: 1px solid #efefef;
padding: 15px;
margin-top: 15px;
}
#sysItemSearch #sysMain form div{
margin: 10px 0;
}
@media screen and (max-width:640px){
}
@media screen and (min-width:641px) and (max-width:768px){
}
@media screen and (min-width:769px){
}
/* #END_OF_RESOURCE_FILE */