/*------------------------------------------------
RESP - INDEX
--------------------------------------------------
	Global
	Layout
	Startpage
	Navigation
	Subpages
	Webshop
	Banners
	Calendar
	Contact
	Filebank
------------------------------------------------*/

/*------------------------------------------------
GLOBAL
------------------------------------------------*/

/* html { } */

/* styles.inc */
body { 
 margin: 0;
 padding: 0;
 line-height: 1em;
}

h1 { margin: 0 0 1em 0; line-height: 1.2em; }

h2 { margin: 1.5em 0 0.5em 0; line-height: 1.2em; }

h2 + p { margin-top: 0.5em; }

h3 { margin: 1.5em 0 0.5em 0; line-height: 1.2em; }

h3 + p { margin-top: 0.5em; }

p { margin: 1.5em 0; }

p + ul, p + ol { margin: -0.5em 0 1.5em 0; }

a { transition: all 300ms ease-in-out 0s; }

/* styles.inc */
a:hover { transition: color 300ms ease-in-out 0s; }

/* styles.inc */
a:focus {
 transition: color 300ms ease-in-out 0s;
 border-top: 1px dotted #000000;
 border-bottom: 1px dotted #000000;
}

a img { transition: all 300ms ease-in-out 0s; }

a:focus img {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out 0s;
}

form { margin: 0; }

div,
textarea,
select,
input[type="text"],
input[type="password"] {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

/* webkit-appearance ipadille ja iphonelle */
textarea, input[type="text"], input[type="password"] { 
 -webkit-appearance: none;
 border:1px solid #aaaaaa;
}

/* styles.inc */
textarea, input[type="text"], input[type="password"] {
 color: #000000;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 padding: 10px;
 margin-top: 5px;
}

/* styles.inc */
select {
 color: #000000;
 padding: 7px 10px;
 margin-top: 5px;
}

select option { padding: 3px 10px; }

select option:hover { background: #e2e2e2; }

select option:checked {  
 background: #e2e2e2;
 color: #000000;
}

select option:active {  
 background: #e2e2e2;
 color: #000000;
}

input[type=radio], input[type=checkbox] { margin: 5px 5px 5px 0; }

input[type=text]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

select:focus { 
 border: 1px solid #000000;
 -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
 transition: initial;
 transition: box-shadow 300ms ease-in-out 0s;
}

.button { 
 -webkit-appearance: none;
 padding: 10px;
}

.button:hover,
.button:active {
-webkit-box-shadow: inset 3px 3px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 3px 3px 30px 0px rgba(0,0,0,0.2);
box-shadow: inset 3px 3px 30px 0px rgba(0,0,0,0.2);
transition: initial;
transition: box-shadow 300ms ease-in-out 0s;
}

.button.major { text-transform: uppercase; }

/* styles.inc */
a.button { 
 padding: 11px 13px;
 cursor:pointer;
 text-decoration: none;
}

.block { display: block; }

.nowrap { white-space: nowrap; }

.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.right { text-align: right; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
.table-gap { display: table-cell; }

/*------------------------------------------------
LAYOUT
------------------------------------------------*/

ul#skiplink-wrap, ul#skiplink-wrap li {
 display: inline;
 height: 0;
 line-height: 0;
 padding: 0 !important;
}

ul#skiplink-wrap li a {
 display: inline;
 height: 0;
 left: -3000px;
 position: absolute;
 top: -2000px;
 width: 0;
}

div#print-header { display:none; }

/* R */
/* div#header { } */

/* R */
div#header-cont { 
 margin: auto;
 display: table; 
 width: 920px;
}

div#header-cont .table { width: 100%; }

div#header-cont .table-cell { vertical-align: middle; }

div#header-cont .table-cell.right { line-height: 0; }

div#header-cont .table-cell.right img { display: inline-block; }

div#maintitle { padding: 15px 0; }

/* styles.inc */
div#maintitle h1 { margin: 0; }

div#respnavi-cont { text-align: center; }

/* R */
div#respnavi-cont-inner {
 width: 920px;
 position: relative;
 margin: auto;
}

div#respSearchform { display:none; }

img#open-search-icon {
 position: absolute;
 right: 8px;
 top: 17px;
 z-index: 1010;
 cursor: pointer;
}

/* styles.inc */
/* div#flexslider-cont { } */

/* R */
div#flexslider-cont div#flexslider-wrap {
 width: 920px;
 margin: auto;
 position: relative;
}

div#flexslider-cont div#flexslider-wrap div.flexslider {
 border:0;
 margin-bottom: 0;
 border-radius: 0;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -o-border-radius: 0;
 box-shadow: 0 0 0 rgba(0, 0, 0, 0);
 background-color: transparent;
}

div#flexslider-wrap img { max-width: 100%; }

.flex-control-nav { bottom: 10px !important; }

div#content { line-height: 1.3em; }

/* R */
div#content-wrap { 
 width: 920px;
 margin: auto;
}

/* R */
div#content-wrap-sp { 
 width: 920px;
 margin: auto;
}

div#navBreadcrumbWrap { padding-bottom: 30px; }

/* div#navBreadcrumbWrap-sp { } */

div#navBreadcrumb { padding-top: 5px; }

/* styles.inc */
/* div#navBreadcrumb a, div#navBreadcrumb a:visited {} */

/* R */
div#col-container { 
 display: table;
 width: 100%;
}

/* R */
div#col-container div#left-col { 
 display: table-cell;
 vertical-align: top;
}

/* R */
div#col-container div.table-gap { width: 40px; }

/* R */
div#col-container div#right-col { 
 display: table-cell;
 vertical-align: top;
}


div#asidetext-wrap h1:first-child,
div#asidetext-wrap h2:first-child,
div#asidetext-wrap h3:first-child,
div#asidetext-wrap p:first-child {
 margin-top: 0;
}


/* R */
div#footer {
 position:relative;
 line-height: 1.3em;
 padding: 30px 0 0 0;
 min-height: 40px;
}

div#footer-cont { 
 width: 920px;
 margin: auto;
}

/* div#footer1-wrap { } */

div#footer2-wrap {
 float: left;
 width: 440px;
}

div#footer3-wrap {
 width: 440px;
 margin-left: 480px; 
}

div#footer1-text-wrap,
div#footer2-text-wrap,
div#footer3-text-wrap { padding-bottom: 45px; }

div#footer1-text-wrap p:first-child,
div#footer2-text-wrap p:first-child,
div#footer3-text-wrap p:first-child,
div#footer1-text-wrap h2:first-child,
div#footer2-text-wrap h2:first-child,
div#footer3-text-wrap h2:first-child,
div#footer1-text-wrap h3:first-child,
div#footer2-text-wrap h3:first-child,
div#footer3-text-wrap h3:first-child { margin-top: 0; }

div#footer1-text-wrap img { max-width: 100%; }

/* R */
div#footer2-text-wrap img,
div#footer3-text-wrap img { max-width: 440px; }

div.addthis-wrap { padding-bottom: 45px; }

div#cookie-settings-cont {
	border-top: 1px solid #000000;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.7);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.7);
}

div#cookie-settings-opener {
	position: absolute; bottom: 10px; left: 10px; text-transform: uppercase;
}

/* R */
img#siterunnerLogo { width: 87px; height: 19px; margin: 0; position: absolute; bottom: 10px; right: 10px; }

div#siterunnerTooltipsterWrap {
 font-family: Open Sans, tahoma, arial, sans-serif; 
 font-size: 13px; 
 color: #000000;
}

div#siterunnerTooltipsterWrap h2 {
 font-family: Open Sans, tahoma, arial, sans-serif; 
 font-size: 24px; 
 font-weight: normal;
 color: #bf1f1f;
}

div#siterunnerTooltipsterWrap a, 
div#siterunnerTooltipsterWrap a:visited {
 color: #bf1f1f;
 text-decoration: none;
}

div.facebook_link-wrapper { 
 padding-bottom: 5px;
 text-align: center;
}

/*------------------------------------------------
STARTPAGE
------------------------------------------------*/

div.respbox-linkbox a.respbox-link-button:hover,
div.respbox-linkbox a.respbox-link-button:active {
	-webkit-box-shadow: inset 3px 3px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 3px 3px 30px 0px rgba(0,0,0,0.2);
	box-shadow: inset 3px 3px 30px 0px rgba(0,0,0,0.2);
	opacity: initial;
	transition: box-shadow 300ms ease-in-out 0s;
}

/* styles.inc */
/* div.liftbox div.respbox-productimage:hover,
div.liftbox div.respbox-productname:hover { } */

div.liftbox img { height: auto; }

/*------------------------------------------------
NAVIGATION
------------------------------------------------*/

/* R, styles.inc */
div#respnavi { margin: auto; }

/*------------------------------------------------
SUBPAGES
------------------------------------------------*/

/* R */
div#pageimage-wrap { margin-bottom: 30px; }

div#pageimage-text { margin: -25px 0 30px 0; }

/* R */
div#pageimage2-wrap {
 float: right;
 margin-left: 35px;
 margin-bottom: 35px;
}

/* R */
div#pageimage2-text { 
 max-width: 285px;
 line-height: 1.2em;
 margin-top: 5px;
}

/*------------------------------------------------
WEBSHOP
------------------------------------------------*/

div.wsGroupCont,
div.wsGroupNameWrap { box-sizing: content-box; }

div.productBox_content { box-sizing: content-box; }

div.productImage img { max-width: 100%; }

div.productBox div.productImage img {
 transition: all 300ms ease-in-out 0s;
}

div.productBox:hover div.productImage img {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out 0s;
}

div.wsProductSearch { box-sizing: content-box; }

div.wsProductSearch input.hakusana, div.catalogProductSearch input.hakusana {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

form#cart_form input[type=text]  { margin-top: 0; }

input.wsProdQty { width: 50px; }

input.wsProdSingleQty { width: 50px; }

table.datalist.cartContentsList td.data-header {
 border-left: 0;
 border-right: 0;
}

table.datalist.cartContentsList td.data {
 border-left: 0;
 border-right: 0;
}

table.datalist.cartMethodList td.data-header {
 border-left: 0;
 border-right: 0;
}

table.datalist.cartMethodList td.data {
 border-left: 0;
 border-right: 0;
}

/*------------------------------------------------
BANNERS
------------------------------------------------*/

/* R */
div#banner-cont { 
 padding-top: 40px;
 text-align: center;
}

div#banner-cont img { max-width: 100% !important; }

div#banner-cont div.banner-wrap { 
 display: inline-block; 
 max-width: 100%;
 margin-bottom: 3px;
}

div#banner-cont p.admin-linkset { margin: 0; }

/*------------------------------------------------
CALENDAR, R
------------------------------------------------*/

/* R */
input#cal-search-freetext { 
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 width: 100%;
}

/*------------------------------------------------
CONTACT
------------------------------------------------*/

div#searchFormWrap2 input.button { margin-left: 5px; }

form#contact-search-form_contact div#searchFormWrap2 input[type=text],
form#contact-search-form_contact div#searchFormWrap2 select { margin-top: 0; }

/*------------------------------------------------
FILEBANK
------------------------------------------------*/

div#fb-search-wrapper input[type=text] { margin-top: 0; }