@import url(https://fonts.googleapis.com/css?family=EB+Garamond);

/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* ==========================================================================
HTML5 display definitions
========================================================================== */

/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}

/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
    display: none;
    height: 0;
}

/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support.
*/
[hidden] {
    display: none
}

/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom.
*/

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html, button, input, select, textarea {
    font-family: "EB Garamond", "游明朝体", "Yu Mincho", 'Noto Serif JP', YuMincho, serif;
}
html, body {
    overflow-x: hidden;
    width: 100%;
}

/*
* Addresses margins handled incorrectly in IE 6/7.
*/


body {
    margin: 0;
    font-family: "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.NavMenuTop, .NavMenu, .social-link dt, h1
{
	font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝体", "Yu Mincho", YuMincho, serif;
}

 .hiyorika_txt{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
 }

/*
* Font Smoothing
*/
html, html a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a {
    outline: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active, a:hover {
    outline: 0;
    text-decoration: none;
}

/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome.
*/

h1 {
    margin: 0.67em 0;
    font-size: 2em;
    text-align: center;
}

h2 {
    margin: 0.83em 0;
    font-size: 1.5em;
}

h3 {
    margin: 1em 0 0;
    font-size: 1.17em;
}
h4 {
    margin: 1.33em 0;
    font-size: 1em;
}
h5 {
    margin: 1.67em 0;
    font-size: 0.83em;
}
h6 {
    margin: 2.33em 0;
    font-size: 0.75em;
}

/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
    border-bottom: 1px dotted
}

/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b, strong {
    font-weight: bold
}
blockquote {
    margin: 0px
}

/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
    font-style: italic
}

/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
    background: #ff0;
    color: #000;
}

/*
* Addresses margins set differently in IE 6/7.
*/
p, pre {
    margin: 1em 0
}

/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code, kbd, pre, samp {
    font-size: 1em;
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
}

/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
    quotes: none
}

/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 75%
}

/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}

/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/

dl, menu, ol, ul {
    margin: 1em 0
}
dd {
    margin: 0 0 0 40px
}

/*
* Addresses paddings set differently in IE 6/7.
*/
menu, ol, ul {
    padding: 0
}

/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
    overflow: hidden
}

/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/

figure {
    margin: 0
}

/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/

form {
    margin: 0
}

/*
* Define consistent border, margin, and padding.
*/
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
    padding: 0;
    border: 0; /* 1 */
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button, input, select, textarea {
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    font-size: 100%; /* 1 */
    *vertical-align: middle; /* 3 */
}

/*
* Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet.
*/
button, input {
    line-height: normal
}

button:focus, input:focus {
    outline: none;
}

/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6.
*/
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible; /* 4 */
}

/*
* Re-set default cursor for disabled elements.
*/
button[disabled], input[disabled] {
    cursor: default
}

/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6.
*/
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    margin-right: 10px;
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
    /* 2 */
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
    nowhitespace: afterproperty;
}

/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/

table {
    border-spacing: 0;
    border-collapse: collapse;
}

/* ==========================================================================
Global Styles
========================================================================== */
.group:after {
    content: "";
    display: table;
    clear: both;
}
a {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
}
.nopadding {
    margin: 0 !important;
    padding: 0 !important;
}
p {
    font-size: 14px;
    line-height: 25px;
}
a {
    color: #bca78e;
}
a:hover, a:focus {
    color: #bca78e;
    text-decoration: none;
}
.texture-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../img/grid.png);
}

/* ==========================================================================
Buttons
========================================================================== */


.learn-btn, .download-btn {
    display: inline-block;
    padding: 10px 32px;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.1em;
}

.learn-btn:hover, .download-btn:hover, .learn-btn:focus, .download-btn:focus {
    border-color: #bca78e;
    color: #bca78e;
    text-decoration: none;
}

.read-more-btn {
    display: inline-block;
    color: #323a45;
    text-transform: uppercase;
    font-weight: 400;
}
.read-more-btn i, .download-btn i {
    margin-left: 5px
}
.about .download-btn {
    margin-top: 50px
}
.download .download-btn {
    margin-top: 25px
}

.hiyorika-btn{
	margin: 0 10px 10px;
}

/* ==========================================================================
Navigation
========================================================================== */
.nav-toggle {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 999999;
    padding: 15px 40px 16px 0px;
    cursor: pointer;
}
.nav-toggle:focus {
    outline: none;
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3.5px;
    border-radius: 1px;
    /*background: rgb(188, 167, 142);*/
    background: #693F3F;
    cursor: pointer;
}
.nav-toggle span:before {
    top: -12px
}
.nav-toggle span:after {
    bottom: -12px
}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.nav-toggle.active span {
    background-color: transparent;
}
.nav-toggle.active span:before, .nav-toggle.active span:after {
    top: 0;
}
.nav-toggle.active span:before {
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}
.nav-toggle.active span:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-35deg);
    -ms-transform: translateY(-10px) rotate(-35deg);
    transform: translateY(-10px) rotate(-35deg);
}
.navicon {
    position: relative;
    height: 46px;
    text-indent: -5000px;
    display: none;
}
.navicon p {
    margin: 1px 50px 0 0;
    color: #000000;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.navicon-fixed {
    position: fixed;
    top: 59px;
    right: 143px;
}
.col-md-6 .nav_slide_button {
	width: 40px;
	height: 30px;
	position: fixed;
}

/* ==========================================================================
Hero
========================================================================== */
.hero {
    position: relative;
    padding: 60px 0 0 0;
    min-height: 680px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/top/header01.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}
.hero h1 {
    margin: 0 0 45px 0;
    font-weight: 300;
    font-size: 45px;
}
.hero h1 span {
    display: inline-block;
    color: #a1a9b0;
}
#home {
    width: 100%;
    height: 100%;
}
.hero {
    width: 100%;
    height: 100%;
}
header i {
    margin-left: 5px
}

/* ==========================================================================
Video
========================================================================== */
section.video i {
    margin-right: 10px;
    color: #323a45;
    vertical-align: middle;
    font-size: 50px;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}
section.video h1 {
    font-weight: 400;
    font-size: 20px;
}
section.video {
    padding: 60px 0;
    background-color: #f6f7f9;
}
section.video a {
    color: #323a45
}
section.video a:hover, section.video a:focus {
    /*color: #73d0da;*/
    text-decoration: none;
}
section.video a:hover i, section.video a:focus i {
    /*color: #73d0da;*/
}

/* ==========================================================================
Custom Slider Controls (Flickity)
========================================================================== */
.flickity-page-dots .dot {
    width: 13px;
    height: 13px;
    opacity: 1;
    background: transparent;
    border: 2px solid #F3ADAC;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.flickity-page-dots .dot.is-selected {
    background: #F3ADAC;
}


/* ==========================================================================
Features Slider
========================================================================== */
.features-bg {
    position: relative;
    min-height: 400px;
    background: url('../img/features-intro-01.jpg') no-repeat center center;
    background-size: cover;
}
.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
}
.features-slider {
    position: relative;
    padding: 11% 100px 10% 100px;
    height: 400px;
    background-color: #b0bcc6;
}
.features-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.features-slider ul li {
    width: 100%;
}
.features-slider li h1 {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.features-slider li p {
    color: #fff;
    font-size: 14px;
}
.features-intro-img {
    position: relative
}
.slides li h1 {
    margin: 0;
    padding: 0;
}
.features-slider .flickity-page-dots {
    text-align: left;
    margin-top: 50px;
    position: static;
}
.features-slider .flickity-page-dots .dot {
    margin: 0 12px 0 0;
}

/* ==========================================================================
Features List
========================================================================== */
.features-list {
    padding: 0 0 40px;
}
.features-list h1 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #24374b;
    font-size: 20px;
}
.features-list p {
	text-align: center;
	margin-top: 0;
    margin-bottom: 70px;
    color: #666666;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 33px;
	font-weight: 600;
	margin-top: 30px;
}
.feature-content {
    display: inline-block;
    margin-left: auto;
    width: 100%;
}
.col-md-12 {
	margin-top: 30px;

}
.hero .hero-content .col-md-12 {
	margin-top: 0;

}
.col-md-12 h2{
	position: relative;
}
.col-md-12 h2 .flower{
	position: absolute;
	top: -30px;
}
.feature-content img {
	position: absolute;
	top: -15px;
	right: 305px;
}
.feature-icon {
    display: inline-block;
    margin-right: 25px;
    width: 90px;
    height: 90px;
    border: solid 2px #4e9ba3;
    border-radius: 50%;
    vertical-align: top;
    text-align: center;
    font-size: 25px;
    line-height: 90px;
}
.feature-icon i {
    color: #4e9ba3
}

/* ==========================================================================
Blockquote
========================================================================== */
blockquote {
    margin: 40px 0 0;
    padding: 0;
    border: none;
}
blockquote p {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 70%;
    vertical-align: top;
    font-style: italic;
}
blockquote .avatar {
    display: inline-block;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    vertical-align: middle;
}
blockquote .logo-quote {
    display: inline-block;
    margin: 0 0 0 90px;
}

/* ==========================================================================
Intro
========================================================================== */
.intro .box {
  padding-left: 0;
  padding-right: 0;
}
.intro-l {
  background: url('../img/bg_about1.png') no-repeat center center;
  background-size: cover;
  padding: 100px 0;
}
.intro-r {
  background: url('../img/bg_about2.png') no-repeat center center;
  background-size: cover;
  padding: 118px 0 117px;
}
.intro p {
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.intro ul {
  list-style-type: none;
  text-align: center;
}
.intro li {
  line-height: 2em;
}
.intro li::before {
  content: ">";
  display: inline-block;
  color: #fff;
}
.intro li a {
  color: #fff;
  position: relative;
}

.intro li.blank a::after {
  width: 20px;
  height: 15px;
  content: "";
  display: block;
  background: url(../img/icolink_w.png) no-repeat top left;
  position: absolute;
  top: -3px;
  right: -22px;
}

/* ==========================================================================
About
========================================================================== */
.about {
    background: url('../img/showcase-bg-fixed.png') no-repeat center center fixed;
    background-size: cover;
}
.about h1 {
    margin: 0 0 20px 0;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
}
.about p {
    margin-bottom: 25px;
    color: #fff;
}

.about h2 .line{
	display: block;
	border-bottom: 1px solid #333333;
	margin: 0;
	padding: 15px 0 20px;
	width:30px;
	margin: 0 auto;
}

.about p.text{
	color: #333333;
}


section.thumb{
	padding-bottom: 40px;
}

section.thumb ul li {
    float: left;
    min-height: 100%;
    width: 20%;
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

section.thumb ul li img{
    width: 100%;
}

.about-wrap {
    position: relative;
    padding: 60px 0 0;
    min-height: 560px;
}
.showcase-slider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.showcase-slider .flickity-page-dots {
    bottom: 20px;
}

.about-wrap .about_txt p {
	color: #666666;
	text-align: center;
	font-size: 14.4px;
	font-weight: 600;
	line-height: 33px;
	margin-top: 30px;
}


/* symbol */
.symbol-wrap-outer {
    background: url(../img/about/bg_repeat01.png) repeat-y left,
    url(../img/about/bg_repeat02.png) repeat-y right;
}

.symbol-wrap {
    position: relative;
    padding: 40px 0;
    min-height: 600px;
}

.symbol-wrap-outer .common{
	background: transparent;
}

.logomark h2 .line {
   border-bottom-color:#CECECE;
   border-bottom-style:solid;
   border-bottom-width:1px;
   display:block;
   margin:0 auto;
   padding:0px;
   width:30px;
   height: 10px;
}


.logomark .row {
  margin-bottom: 0;
}

.logomark section.screenshots ul li{
	background:none;
	float:left;
	list-style:none;
	margin:40px 15px 0;
	min-height:320px !important;
}


section.symbol .screenshots ul li {
    float: left;
    min-height: 420px;
    width: 22.25%;
    background: none;
    list-style: none;
    margin: 30px 15px 0;
}


section.symbol .screenshots ul li.r {
    float: right;
}

section.symbol .screenshots ul li.l {
    float: left;
}


section.symbol .screenshots ul li p{
	display: block;
	text-align: center;
	color: #666666;
	margin: 6px 0;
}

section.symbol .screenshots ul li p.small{
	display: block;
	color: #7e7e7e;
	font-size: 75%;
	line-height: 1.7em;
	margin: 4px 0 0;
}

section.symbol .screenshots ul li p.exp{
	display: block;
	font-size: 87%;
	line-height: 1.7em;
	margin: 0;
	text-align: left;
}


section.symbol .screenshots ul li h3{
	margin: 0;
}


section.symbol .bt_viewall{
	display: block;
	background: #f4adad;
	width: 20%;
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

section.symbol .bt_viewall:hover{
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-property: color, border-color, background-color;
transition-property: color, border-color, background-color;
	background: #b23939;
}

section.symbol .bt_viewall a{
	color: #ffffff;
	margin: 0;
	font-weight: bold;
	font-size: 150%;
}

section.symbol .bt_viewall p{
	margin: 0;
}




.symbol-mark{
	max-width: 560px;
	padding: 0 auto;
	margin:  0 auto 120px !important;
	text-align: center;
	display: block;
}

.symbol-mark img{
	width: 100%;
	margin-bottom: 30px;
}

/* ==========================================================================
Screenshots Intro
========================================================================== */
.screenshots-intro {
    padding: 170px 0 100px 0;
    background-color: #f6f7f9;
}
.screenshots-intro h1 {
    margin-bottom: 20px;
    color: #24374b;
    font-weight: 400;
    font-size: 22px;
}
.screenshots-intro p {
    margin-bottom: 25px;
    color: #778899;
}

/* ==========================================================================
Screenshots
========================================================================== */

.grid figure span.ico{
	position: absolute;
	display: block;
	bottom:0px;
	left:0px;
	width: 100%;
	background: #bca78e;
	color: #fff;
	padding: 5px 6px 4px;
	z-index: 99;
	font-size: 86%;
    font-weight: bold;
    text-align: center;
}

.grid figure img.over{
	position: relative;
	top:-10px;
}

.grid span.ico a{
	color: #fff;
}

.screenshots ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.screenshots ul li {
	position: relative;
    float: left;
    min-height: 100%;
    width: 25%;
    background-color: #000;
    list-style: none;
}
.screenshots figure {
    position: relative;
    overflow: hidden;
}

.screenshots figure span.ico{
	position: absolute;
	display: block;
	bottom:0px;
	left:0px;
	width: 100%;
	background: #bca78e;
	color: #fff;
	padding: 5px 6px 4px;
	z-index: 99;
	font-size: 86%;
    font-weight: bold;
    text-align: center;
}

.screenshots figure img.over{
	position: relative;
	top:-10px;
}

.screenshots span.ico a{
	color: #fff;
}


.screenshots figure img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.screenshots figure:hover img, .screenshots figure:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.screenshots figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25% 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(188, 167, 142, 0.85);*/
    text-align: center;
    font-size: 15px;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.screenshots figcaption a {
    color: #fff;
}
.screenshots figcaption a:hover, .screenshots figcaption a:focus {
    color: #736357;
}
.screenshots figure:hover figcaption, .screenshots figure:focus figcaption {
    opacity: 1;
}
.visible {
    opacity: 1;
}
.screenshots figure.cs-hover figcaption {
    opacity: 1;
}
.screenshots figcaption i {
    font-size: 35px;
}
.screenshots figcaption p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.screenshots figcaption .caption-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -100px;
    width: 200px;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

/* ==========================================================================
Hiyorika
========================================================================== */
.hiyorika {
    padding: 20px 0 20px;
    background: url(../img/bg_hiyorika.png) no-repeat top right #c8cfd2;
    background-size: contain;
    text-align: center;
    color: #ffffff;

}
.hiyorika h1 {
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}

.hiyorika p{
	display: block;
	margin: 10px;
}

.hiyorika .hiyorika_title{
	font-size: 140%;
}

/* ==========================================================================
Caramel
========================================================================== */
.caramel{
	padding: 10px 0;
    background: #fff3e3;
    text-align: center;
    background-size: contain;
    color: #000;
    border-top: 1px solid rgba(150,101,36,.6);
    border-bottom: 1px solid rgba(150,101,36,.6);
}

h1.caramel_logo{
	margin: 60px auto;
	float: none;
}

.caramel_bg{
  	     background: url(../img/bg_caramel.png) no-repeat 50% center #fff3e3;
  	     background-size: contain;
 }


/* ==========================================================================
Detail
========================================================================== */
.detail {
    padding: 0 0 20px;
    margin: 0;
    text-align: center;
    color: #666666;
}

.detail h2 {
    font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝体", "Yu Mincho", YuMincho, serif;
}

.detail p{
	display: block;
	margin: 10px;
}




/* ==========================================================================
Download
========================================================================== */
.download {
    padding: 30px 0 20px;
    margin: 0 0 90px;
    background: #eeeeee;
    text-align: center;
    color: #666666;
}

.download h1 {
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}

.download p{
	display: block;
	margin: 10px;
}


.download dl.book_area{
	display: table;
	margin: 0 auto;
}

.download dl.book_area dt,
.download dl.book_area dd{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.download dl.book_area dt img{
	margin-right: 40px;
}

.download dl.book_area dt img:hover{
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	opacity: 0.5;
}

.download a.download-btn{
	color: #fff;
	background: #b52626;
	display: inline-block;
	padding: 10px 42px 4px;
	border: 2px solid #b52626;
	border-radius: 6px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.3em;
}


.download .download-btn p.small{
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	font-size: 72%;
}


.download .download-btn:hover, .download .download-btn:focus {
    border-color: #f4adad;
	background: #f4adad;
    color: #fff;
    text-decoration: none;
}



/* ==========================================================================
gift culture
========================================================================== */

.gift-culture {
    padding: 30px 0 20px;
    margin: 0 0 90px;
	background: url('../img/about/bg-gift.jpg')no-repeat center;
	background-size: cover;
    text-align: center;
    color: #666666;
}

.gift-culture h1 {
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}

.gift-culture p{
	display: block;
	margin: 10px;
}


.gift-culture dl.gift_area{
	display: table;
	margin: 0 auto;
}

.gift-culture dl.gift_area dt,
.gift-culture dl.gift_area dd{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.gift-culture dl.gift_area dd img{
	margin-left: 40px;
	width: 200px;
}

.gift-culture dl.gift_area dd img:hover{
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	opacity: 0.5;
}

.gift-culture a.link-btn{
	color: #fff;
	background: #b52626;
	display: inline-block;
	padding: 10px 42px 4px;
	border: 2px solid #b52626;
	border-radius: 6px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.3em;
}


.gift-culture .link-btn p.small{
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	font-size: 72%;
}


.gift-culture .link-btn:hover, .gift-culture .link-btn:focus {
    border-color: #f4adad;
	background: #f4adad;
    color: #fff;
    text-decoration: none;
}

.gift-culture .link-btn {
    margin-top: 25px
}


/* ==========================================================================
Footer
========================================================================== */
footer {
    padding: 50px 0;
    background: url(../img/foot_bg.png) #DED2BF;
}

footer p {
    color: #666666;
    font-size: 12px;
}
footer ul {
    margin: 1em 0;
    padding: 0;
}
footer li {
    float: left;
    margin-right: 10%;
    list-style: none;
    font-weight: 400;
}
footer li a {
    color: #666666;
}
footer li:last-child {
    margin-right: 0
}

footer ul.footer-nav li {
    position: relative;
    padding-top:2px;
}

footer dl dt.footer-nav{
	float: left;
	position: absolute;
}

footer dl dd{
	border-left: 1px solid #999999;
	padding-left: 20px;
	margin: 0 0 0 60px;
}

footer ul.footer-nav li.blank::after{
	width: 20px;
	height: 15px;
	content: "";
	display: block;
    background: url(../img/icolink.png) no-repeat top left;
    position: absolute;
	top: 0px;
	right: -22px;
}


footer dl.head-office{
	padding-bottom: 20px;
	border-bottom: 1px solid #999999;
	display: block;
	clear: both;
}

footer .gift-col dl.head-office{
	padding-bottom: 20px;
	border-bottom: none;
	height: 200px;
	display: block;
	clear: both;
}

footer dl.sales-office{
	margin: 0;
	padding-bottom: 0;
}


footer dl.sales-office dd{
	position: relative;
	float: left;
	padding: 0;
}

footer dl.sales-office dd ul{
	margin: 0;
	padding-top: 3px;
}

footer dl.sales-office dd ul li{
	width: 100%;
	float: left;
	margin: 0;
	padding-left: 20px;
}

footer dl.sales-office dd ul li h4{
	margin: 0;
	font-weight: bold;
}


/* social */
footer dl.social-link{
	float: left;
	margin: 40px 0 0 0;
	vertical-align: middle;
}

footer dl.social-link dd.fb a,
footer dl.social-link dd.insta a,
footer dl.social-link dd.x a{
	display: block;
}

footer dl.social-link dd.fb{
	float: left;
	background: url(../img/fb_icon.png) no-repeat 3px 0;
	padding: 2px 33px 2px 33px;
	font-weight: bold;
	vertical-align: middle;
}

footer dl.social-link dd.insta{
	float: left;
	background: url(../img/instagram_icon.png) no-repeat 2px 0;
	padding: 2px 22px 2px 32px;
	font-weight: bold;
	vertical-align: middle;
}

footer dl.social-link dd.x{
	float: left;
	background: url(../img/x_icon.png) no-repeat 5px 2px;
	background-size: 16px;
	padding: 2px 22px 2px 32px;
	font-weight: bold;
	vertical-align: middle;
    font-feature-settings: "palt";
}

footer dl.social-link dd a{
	color: #726154;
	font-size: 116%;
}

footer dl.social-link dd{
	float: left;
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

footer dl.social-link_instagram{
	float: left;
	margin: 10px 0 0 20px;
	vertical-align: middle;
}

footer dl.social-link_instagram dd{
	float: left;
	background: url(../img/instagram_icon.png) no-repeat -2px 0;
	padding: 2px 40px 2px 27px;
	font-weight: bold;
	font-size: 116%;
	vertical-align: middle;
}

footer dl.social-link_instagram dd a{
	color: #726154;
}




footer .shopping-link{
	margin: 10px 0 0 0px;
	vertical-align: middle;
	float: left;
}

footer .shopping-link h3{
	display: block;
}

footer .shopping-link img{
	width: 210px;
}


/* ==========================================================================
Nav Overlay
========================================================================== */
/* Overlay style */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 99;
}

/* Menu style */
.overlay nav {
    position: relative;
    /*top: 36%;*/
    height: 80%;
    text-align: center;
    font-size: 54px;
    /*-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
  	overflow: auto;
}
.overlay ul {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 100%;
    border-top: 1px solid #8e8075;
}
.overlay ul li {
    display: block;
    margin: 0px;
    width: 100%;
}
.overlay ul li:last-child {
    margin-right: 0px
}

.overlay ul li a {
    display: block;
    width: 100%;
    padding: 50px 0;
    border-bottom: 1px solid #8e8075;
    color: #000000;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.overlay ul li a:hover, .overlay ul li a:focus {
    border-color: #736357;
    color: #736357;
}


/* Effects */
.overlay-boxify {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-boxify.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.overlay-boxify nav ul li {
    opacity: 0;
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
.overlay-boxify.open nav ul:first-child li:first-child {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.overlay-boxify.open nav ul:first-child li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.overlay-boxify.open nav ul:nth-child(2) li:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.overlay-boxify.open nav ul:nth-child(2) li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.overlay-boxify.open nav ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}




/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility: hidden
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
    visibility: visible
}
.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

/* ==========================================================================
additional
========================================================================== */
.catch01{
	position: absolute;
	right: 0;
	top: -76px;
	z-index: 1;
}

@media only screen and (max-width: 1400px) {
	.catch01{
		position: absolute;
		right: 160px;
		top: -76px;
		z-index: 1;
	}
}

.catch01 ul{

}

.catch01 ul li{
	opacity: 0;
	overflow: hidden;
	list-style-type: none;
}

.catch01 ul li:nth-of-type(2){
	display: none !important;
}

.catch01 ul li:nth-of-type(3){
	display: none !important;
}

.catch01 ul li:last-of-type{
	display: none !important;
}


.feature {
    display: inline-block;
    margin-right: 25px;
    width: 169px;
    height: 90px;
    vertical-align: top;
    text-align: center;
    line-height: 90px;
}

.feature h2 {
	width: 169px;
	margin: 0;
    color: #000000;
    font-size:20px;
    vertical-align: middle;
    font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝体", "Yu Mincho", YuMincho, serif;
}


header{
	border-top: 3px solid #bca78e;
}

section h2,
section h3{
	text-align: center;
	font-size: 160%;
	font-weight: bold;
}

section.about .screenshots ul li {
    float: left;
    min-height: 100%;
    width: 30.7%;
    background:  none;
    list-style: none;
    margin: 30px 15px 0;
}

section.about  ul li p{
	text-align: center;
	color: #666666;
}

section.common p.text{
	text-align: center;
	margin: 20px 0 40px;
	line-height: 2.4em;
}


section.histories ul li {
    float: left;
    min-height: 100%;
    width: 24.7%;
    list-style: none;
    margin: 0 3px 0 0;
}

section.histories ul li img{
	opacity: 1;
}

section.histories ul li.active figcaption{
	position: absolute;
	top: 0;
	left: 0;
	padding: 25% 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	opacity: 1;
}

section.histories ul li.active figcaption .caption-content{
    position: absolute;
    top: 50%;
    left: 50%;
}

section.histories ul li.last{
	margin: 0;
}

section.histories ul li img{
	width: 100%;
}

section.histories ul li p{
	text-align: center;
	color: #666666;
}

section.histories dl dd p.text{
	text-align: left;
	padding: 0 40px 0 0;
	margin: 0 0 60px 0;
}


section.histories dl dt h2{
	padding: 0 0 0 35px;
	text-align: left;
	background: url(../img/about/h_history.png) no-repeat 0 0;
	line-height: 1.6;
}

section.histories dl dd{
	display: table-cell;
	margin: 0;
	vertical-align: top;
}


/* ==========================================================================
Histories
========================================================================== */
.histories ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.histories  ul li {
    float: left;
    min-height: 100%;
    width: 20%;
    list-style: none;
}
.histories figure {
    position: relative;
    overflow: hidden;
}
.histories figure img {
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.histories figure:hover img, .screenshots figure:focus img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.histories figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25% 0;
    width: 100%;
    height: 100%;
    background-color: rgba(000, 000, 000, 0.75);
    text-align: center;
    font-size: 18px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    cursor: pointer;
}

.histories figcaption a:hover, .screenshots figcaption a:focus {
    color: #736357;
    cursor: pointer;
}
.histories figure:hover figcaption, .screenshots figure:focus figcaption {
    opacity: 1;
}


.histories figcaption i {
    font-size: 35px;
}
.histories figcaption p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400;
}

.histories figcaption .caption-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -100px;
    width: 200px;
    -webkit-transform: translate(0px, 15px);
    -ms-transform: translate(0px, 15px);
    transform: translate(0px, 15px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

section.histories ul li.active .caption-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -100px;
    width: 200px;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.histories figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

/* menu */
section.hero .logo{
	text-align: center;
	width: 200px;
	height: 150px;
	padding-top: 80px;
}


.logo{
	padding: 0;
}

header ul.NavMenuTop{
	width: 300px;
	margin:30px auto;
	float: left;
}


header ul.NavMenuTop li{
	list-style-type: none;
	font-size: 160%;
	font-weight: bold;
	text-align: center;
	width: 200px;
	margin: 0 0 26px;
	letter-spacing: 0.2em;
}

header ul.NavMenuTop li a{
	display: block;
	color: #000000;
    text-shadow: 0 0 8px #fff;
}

header ul.NavMenuTop li a:hover,
header ul.NavMenu li a:hover{
	color: #666666;
}

header ul.NavMenuTop li a.alt-style{
	color: #fff;
    text-shadow: none;
}

header .header_inner .container{
	padding: 40px 0 0 0;
}

.NavMenu{
	margin-top: 40px;
	letter-spacing: 0.1em;
}


.menu {
    background: #ffffff;
}
.menu h1 {
    margin: 0 0 20px 0;
    color: #666666;
    font-weight: 400;
    font-size: 22px;
}
.about p {
    margin-bottom: 25px;
    color: #fff;
}

.menu-wrap {
    position: relative;
    padding: 40px 0;
    min-height: 600px;
}

#home .menu-wrap{
   background: url(../img/bg_menu.png) left top repeat #f6f3ec;
   border-top: 1px solid #dddddd;
}

section.menu .screenshots ul li {
    float: left;
    min-height: 100%;
    width: 22.3%;
    background: none;
    list-style: none;
    margin: 30px 15px 0;
}

section.menu .screenshots ul li p{
	text-align: center;
	color: #666666;
}


section.menu .bt_viewall{
	position: relative;
	display: block;
	background: #b23939;
	width: 30%;
	margin: 20px auto;
	padding: 16px 0 10px;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	letter-spacing: 0.1em;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
}

section.menu .bt_viewall:hover{
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-property: all;
transition-property: all;
background:#f4adad;
}

section.menu .bt_viewall a{
	display: block;
	color: #ffffff;
	margin: 0;
	font-weight: bold;
	font-size: 150%;
}

section.menu .bt_viewall::after {
	content: "";
	width: 22px;
	height: 22px;
	background: url(../img/common/daisy.png) no-repeat left top;
	position: absolute;
	top: 36%;
	right: 30px;
	margin: 0px;
	display: block;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
}

section.menu .bt_viewall:hover::after{
	top: 36%;
	right: 20px;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: all;
	transition-property: all;
}


section.menu .bt_viewall p{
	margin: 0;
}


/* footer */
footer .cont-footer{
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

footer h3{
	width: 110px;
	float: left;
}

.cont-footer p.copyright{
	text-align: center;
	color:  #929292;
	padding: 30px 0;
	margin: 0;
}

.pagetop{
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 66px;
	height: 100%;
}

.pagetop a{
	text-indent: -5000px;
	display: block;
	color: #000000;
	position: absolute;
	text-align: center;
	font-size: 86%;
	font-family: "EB Garamond";
	width: 66px;
	height: 81px;
	background: url(../img/pagetop.png) no-repeat top center;
	top: -58px;
	left: 0;
}

.pagetop a:hover{
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-webkit-transform:perspective(0);
	transition: transform 0.5s, opacity 0.5s;
	opacity: 0.8;
}

.footer-logo{
	float: left;
	padding: 0 20px 20px 0;
	margin: 0;
}


#home footer {
    padding: 50px 0 80px;
    background: url(../img/foot_bg.png) #EADECC;
}


/* TOP NEWS
---------------------------------*/

.news-section{
	border-top: 1px solid #c3ae95;
	border-bottom: 1px solid #c3ae95;
	padding:20px 0px;
	background-color: rgba( 255, 255, 255, 0.4);
	bottom: 64px;
	position: relative;
	color: #111111;
}

.news-section ul li dl dt {
  float:left;
  margin:0;
  padding:0 18px 0 0;
}



#news{
	padding: 20px 0 ;
}

#news .container{
	position : relative ;
	*overflow: hidden;
	*height : 25px;
}

#news h2{
	float : left ;
	width : 169px ;
	height : 23px ;
	margin : 0;
	font-size:20px;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 D", "游明朝体", "Yu Mincho", YuMincho, serif;
	border-right: 1px solid #C3AE95;
}

#news p{
	position : absolute ;
	right : 0 ;
	top : 0 ;
}
#news p a{
	width : 103px ;
	height : 26px ;
	background-position : 0 6px ;
}
#news ul{
	float : left ;
	width: 60%;
	height : 1.4em ;
	overflow : hidden;
	margin: 0 0 0 40px;
}
#news ul li{
	vertical-align: bottom;
	list-style-type: none;
	font-size: 16px;
}

#news ul li a{
	color: #111111;
}

#news ul li dl{
margin-top: 0;
margin-bottom: 3px;
display: block;
clear: both;
}

#news ul li dl dd{
	width : 100%;
	white-space : nowrap;
	text-overflow: ellipsis;
}
#news ul li dl dd a{
	text-decoration : none ;
}

/* ==========================================================================
header_inner
========================================================================== */
#header .head_cover{
	position: absolute;
	width: 100%;
	height: 140px;
	background: #ffffff;
	margin: 0;
	padding: 0;
}


.header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/menu/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#shop .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/shop/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#newstopics .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/news/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#lineup .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/menu/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}


#about .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/about/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#about.symbol .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/symbol/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#contact .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/contact/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}


#gift-culture .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/gift/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#delivery .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/delivery/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}



#recruit .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/recruit/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#recruit-test .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/recruit/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#recruit-test-2 .header_inner {
    position: relative;
    padding: 0;
    min-height: 320px;
    height: 100%;
    background: rgb(188, 167, 142) url('../img/recruit/head_bg.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}



.header_inner h1 {
    margin: 0;
    font-weight: 300;
    font-size: 36px;
    letter-spacing: 0.1em;
}
.header_inner h1 span {
    display: inline-block;
    color: #a1a9b0;
}

.header_inner {
    width: 100%;
    height: 100%;
}

.header_inner ul.NavMenu li{
	list-style-type: none;
}


.header_inner ul.NavMenu li .current{
	color: #736357;
	border-bottom: 2px solid #f4adad;
}

.header_inner ul.NavMenu li a{
	color: #000000;
	font-size: 18px;
	float: left;
	margin-left: 30px;
	padding: 0 0 6px;
}

.header_inner .pagetitle{
	color:#FFFFFF;
	letter-spacing:0.2em;
	text-align:center;
	vertical-align:middle;
	padding-top: 70px;
}



#header .container{
	position: relative;
}

#header .container .buy_btn{
	z-index: 9999;
	position: absolute;
	top: -6px;
	right: 0px;
	display: block;
    text-align: center;
    color: #fff;
    background: #bca78e;
    border-radius: 0 0 6px 6px;
    margin: 6px auto 0;
    padding: 8px 0 8px;
    width: 210px;
    font-weight: bold;
    -webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: color, border-color, background-color;
	transition-property: color, border-color, background-color;
}

#header .container .buy_btn.delivery{
	right: 0;
	background-color: #000;
	background-image: url(../img/delivery.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	padding-left: 32px;
  }

#header .container .buy_btn a{
	display: block;
    color: #fff;
}

#header .container .buy_btn:hover{
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: color, border-color, background-color;
	transition-property: color, border-color, background-color;
	display: block;
    background-color: #c6a781;
}

#header .container .buy_btn.delivery:hover{
	background-color: #444444;
	}



/* breadcrumb */

.breadcrumb-section{
	border-top: 1px solid #c3ae95;
	border-bottom: 1px solid #c3ae95;
	padding:20px 0px;
	background-color: rgb(255, 255, 255);
	position: relative;
	color: #666666;
}

#breadcrumb{
	padding: 20px 0 ;
}

#breadcrumb .container{
	position : relative ;
	*overflow: hidden;
	*height : 25px;
}

#breadcrumb p{
	position : absolute ;
	right : 0 ;
	top : 0 ;
}

#breadcrumb p a{
	width : 103px ;
	height : 26px ;
	background-position : 0 6px ;
}

#breadcrumb ul{
	float : left ;
	height : 1.4em ;
	overflow : hidden;
	margin: 0;
}
#breadcrumb ul li{
	vertical-align: top;
	list-style-type: none;
	font-size: 14px;
}

#breadcrumb ul li a{
	color: #666666;
}

#breadcrumb ul li dl{
margin-top: 0;
margin-bottom: 3px;
}

.breadcrumb-section ul li dl dt {
  float:left;
  margin:0;
  padding:0 18px 0 0;
}

#breadcrumb ul li dl dd{
	float : left;
	max-width : 600px;
	white-space : nowrap;
	text-overflow: ellipsis;
	margin: 0 0 0 10px;
}
#breadcrumb ul li dl dd a{
	text-decoration : none ;
}

#breadcrumb dl dt.arrow{
	background: url(../img/arrow.png) no-repeat center right;
}

#breadcrumb dl dd.arrow{
	background: url(../img/arrow.png) no-repeat center right;
	margin:0;
	padding:0 18px 0 9px;
}

/* lineup */

.lineup {
    background: #ffffff;
}
.lineup h1 {
    margin: 0 0 20px 0;
    color: #666666;
    font-weight: 400;
    font-size: 22px;
}

.lineup-wrap {
    position: relative;
    padding: 40px 0;
    min-height: 600px;
}

.lineup-wrap h2{
   line-height: 1.9;
 }

section.lineup .row{
	margin-bottom: 80px;
}

section.lineup .screenshots ul {
  display: flex;
  flex-wrap: wrap;
}

section.lineup .screenshots ul li {
    float: none;
    width: 30%;
    background: none;
    list-style: none;
    margin: 20px 15px 0;
    min-height: 250px;
}

section.lineup .screenshots ul li p{
	display: block;
	text-align: center;
	color: #666666;
	margin: 6px 0;
}

section.lineup .screenshots ul li .ruby{
	display: block;
	font-size: 0.8em;
	margin: 0 0 6px;
	letter-spacing: 0.4em;
	text-align: center;
	width: 100%;
}

section.lineup .screenshots ul li p.buy_btn{
	display: block;
	text-align: center;
	color: #fff;
	background: #bca78e;
	margin: 6px auto 0;
	padding: 4px 0 2px;
	width: 210px;
}

section.lineup .screenshots ul li p.buy_btn:hover{
	background: #BAA58C;
}


section.lineup .screenshots ul li p.buy_btn a{
	display: block;
	color: #fff;
}


section.lineup .screenshots ul li p.small{
	display: block;
	color: #7e7e7e;
	font-size: 75%;
	line-height: 1.7em;
	margin: 4px 0 0;
}


section.lineup .screenshots ul li span.price:first-of-type{
	display: block;
	text-align: center;
	line-height: 1.7em;
	margin: 10px auto 2px;
	width: 100%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}

section.lineup .screenshots ul li span.price{
	display: block;
	text-align: center;
	line-height: 1.7em;
	margin: 2px auto 2px;
	width: 100%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}


span.en{
	font-size: 186%;
	font-family: "EB Garamond";
}



section.lineup .screenshots ul li p.exp{
	display: block;
	font-size: 87%;
	line-height: 1.7em;
	margin: 0;
	text-align: left;
}


section.lineup .screenshots ul li h3{
	margin: 0;
}


section.lineup .bt_viewall{
	display: block;
	background: #f6beb5;
	width: 20%;
	margin: 0 auto;
	padding: 20px 0 10px;
	text-align: center;
}

section.lineup .bt_viewall:hover{
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-property: color, border-color, background-color;
transition-property: color, border-color, background-color;
	background: #b23939;
}

section.lineup .bt_viewall a{
	color: #ffffff;
	margin: 0;
	font-weight: bold;
	font-size: 150%;
}

section.lineup .bt_viewall p{
	margin: 0;
}


section.lineup .gift_lineup ul li{
  float: left;
  width: 30%;
  background: none;
  list-style: none;
  margin: 30px 15px 0;
	/*min-height: 450px !important;*/
}

.gift_lineup{
	/*margin:0 0 90px;*/
}

.lineup-wrap p.exp{
	text-align: center;
}

section.lineup .screenshots ul li h3.mt-14{
	margin-top:14px;
}


section.popup{
	display: none;
}


.lineup-detail-wrap{
	display: flex;
	margin-bottom: 60px;
}

.lineup-detail-main__photo{
	width: 50%;
}

.lineup-detail-main__photo img{
	width:100%;
}

.lineup-detail-main__photo .flickity-prev-next-button{
	position: absolute;
	bottom: 0 !important;
	background: #736357;
	width: 24px;
    height: 24px;
    border-radius: 0;
}

.lineup-detail-main__photo .flickity-prev-next-button .arrow{
	fill: #fff;
}


.lineup-detail-main__photo .flickity-prev-next-button.previous {
	left: 0;
}

.lineup-detail-main__photo .flickity-prev-next-button.next {
	right: 0;
}


.lineup-detail-txt{
	width: 50%;
	padding: 0 0 0 40px;
}

.lineup-detail-txt h3{
	text-align: left;
	font-size: 180%;
	margin-bottom: 10px;
}


.lineup-detail-txt p.ruby{
	margin-top:0;
}

.lineup-detail-info1{
	margin: 20px 0 40px 0;
}


.lineup-detail-info1 p.buy_btn{
	display: block;
	text-align: center;
	color: #fff;
	background: #F4ADAD;
	margin: 6px 0;
	/*padding: 4px 0 2px;*/
	width: 250px;
	transition: all .3s ease-in-out;
}

.lineup-detail-info1 p.buy_btn a{
	color: #693F3F;
	display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Serif JP", "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  width: 250px;
  height: 55px;
}
.lineup-detail-info1 p.buy_btn a::before{
  content: "";
  display: inline-block;
  background: url(../img/cart_icon.svg) no-repeat center / 100%;
  width: 12px;
  height: 12.4px;
  margin-right: 12px;
}

.lineup-detail-info1 p.buy_btn:hover{
	opacity: .8;
}

.lineup-detail-info1 .cannot_buy {
  font-family: "Noto Serif JP", "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  margin-top: 64.3px;
  padding-left: 20px;
}
.lineup-detail-info1 .cannot_buy p {
  margin-bottom: 10px;
  text-indent: -20px;
}
.lineup-detail-info1 .cannot_buy a {
  font-family: "Noto Serif JP", "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 208%;
  color: #AC9478;
  border-bottom: 1px solid #AC9478;
}
.lineup-detail-info1 .cannot_buy a:hover {
  border-bottom: none;
}

.lineup-detail-info1 .cannot_buy a[target="_blank"]::after {
  content: "";
  display: inline-block;
  background: url(../img/blank_icon.svg) no-repeat center / 100%;
  width: 9px;
  height: 7px;
  margin: 0 0 4px 2px;
}


.lineup-detail-info2 table{
	width: 100%;
    border-top: 1px solid #cecece;
}

.lineup-detail-info2 th{
	padding: 20px 0 20px 0;
    border-bottom: 1px solid #cecece;
    width: 36%;
    vertical-align: baseline;
}

.lineup-detail-info2 td{
	padding: 20px 0 20px 0;
    border-bottom: 1px solid #cecece;
     width: 64%;
}

/* ==========================================================================
lineup Slider
========================================================================== */
section.lineup .custom-thumb .Slider-thumb {
	display: flex;
    justify-content: flex-start;
}

section.lineup .custom-thumb .Slider-thumb li:first-child{
    margin: 0 6px 0 0;
}

section.lineup .custom-thumb .Slider-thumb li:nth-child(4){
    margin: 0 0 0 6px;
}


section.lineup .custom-thumb .Slider-thumb li {
    width: 25%;
    min-height: auto;
    background: none;
    list-style: none;
    margin: 0 6px 0;
    padding: 0;
}




/* company */

#company .common{
	margin-bottom: 0;
}

.companyinfo_area{
	display: block;
	position: relative;
	margin-bottom: 60px;
}

dl.companyinfo{
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	min-height: 40px;
}

dl.companyinfo dt{
	float: left;
	width: 120px;
	padding: 0 0 30px 0;
}

dl.companyinfo dt.last{
	padding: 0;
}

dl.companyinfo dd{
	border-left: 1px solid #c7c7c7;
	padding-left: 20px;
	margin: 0 0 0 120px;
}

section.accessmap{
	margin-bottom:120px;
}


.accessinfo dl.companyinfo dd{
	border: none;
}

.accessinfo dl.companyinfo dt{
	background: url(../img/shop/border-c.png) no-repeat top right;
	width: 100px;
}

.accessinfo h3{
	text-align: left;
	font-size: 120%;
	margin: 0;
	border-right: 1px solid #c7c7c7;
	width: 100%;
	color: #000000;
}

.companyinfo h2{
	margin-bottom:40px
}

.accessinfo h2{
	margin-bottom:40px
}

.companyinfo .shop h4{
	font-weight: bold;
	font-size: 110%;
	line-height: 1.7;
	margin-bottom: 10px;
}

.accessinfo .row{
	display: block;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 0;
}

.accessinfo .row.last{
	margin-bottom: 0;
}

.accessinfo p.small{
	text-align: left;
	float: left;
}

ul.shoplist{
	margin: 0;
	padding: 0;
}

ul.shoplist li{
	list-style-type: none;
	float: left;
	vertical-align: top;
	/* width: 50%; */
	margin-bottom: 40px;
}

ul.shoplist li h4{
	margin: 0 0 30px 0;
	font-weight: bold;
	font-size: 110%;
	color: #000000;
}


/* catlist */

section.catlist{
	display: block;
	margin-bottom: 60px;
}

section.catlist ul{
	display: block;
	width: 100%;
	min-height:30px;
	vertical-align: middle;
	border-left: 1px solid #cecece;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
}

section.catlist ul::after{
	clear: both;
}

section.catlist ul li{
	display: block;
	float: left;
	list-style-type: none;
	min-height:30px;
	margin: 0;
	border-right: 1px solid #cecece;
}

section.catlist ul li.current{
	color: #000000;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 27px;
	padding-right: 27px;
}

section.catlist ul li a{
	color: #666666;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 27px;
	padding-right: 27px;
}

.listwrap section.catlist{
	display: block;
	padding: 40px 0 0;
	margin-bottom: 0px;
}

#symbol .listwrap section.catlist{
	display: block;
	padding: 40px 0 0;
	margin: 0px 0px 0px 35px;
}

.listwrap{
	position: relative;
}

.listwrap .shopinfo a{
	position: absolute;
	display:block;
	top: 60px;
	right: 0;
	width: 200px;
	height: 30px;
	font-size: 110%;
	font-weight: bold;
}


/* news */

section.newscont .col-md-3{
	float: right;
}

section.newscont .col-md-3 ul{
	list-style:none;
	margin-bottom: 6rem;
}

section.newscont .col-md-3 ul li{
	border-bottom-color:#DDDDDD;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:6px 0;
}

section.newscont .col-md-3 ul li a{
	color:#333333;
}

section.newscont .col-md-3 ul li a:hover{
    color: #bca78e;
}


section.newscont h3.widget-title{
	text-align: left;
}

section.newslist{
	margin-top: 20px;
}

section.newslist .newslist_item{
	display: block;
	margin-bottom: 110px;
	clear: both;
}

section.newslist .newslist_item img{
	max-width: 100%;
	height: auto;
}

section.newslist .newslist_item h3{
	text-align: left;
	margin: 0 0 20px 0;
	letter-spacing: 0.1em;
}

section.newslist .newslist_item h3 a{
	color: #333333;
}

section.newslist .newslist_item h3 a:hover{
    color: #bca78e;
}

section.newslist .newslist_item dl{
	display: table;
	vertical-align: top;
}

section.newslist .newslist_item dl dt{
	display: table-cell;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
	font-weight: normal;
}

section.newslist .newslist_item dl dd{
	display: table-cell;
}


section.newslist p.newscat{
	color: #c3ae95;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
	margin: 0;
	padding: 0 0 0 30px;
}


section.newslist .newslist_item .newstext{
	position: relative;
	display: block;
	margin: 40px 0;
	line-height: 2.1;
	clear: both;
}

/* 230426 */
.newslist-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.newslist-container::before, .newslist-container::after {
  content: "";
  display: inline-block;
  height: 0;
  width: 400px;
  padding: 0;
  margin: 0;
  order: 2;
}
.newslist-container section.newslist {
  width: 400px;
  max-width: 48.5%;
}
.newslist-container section.newslist .news_thumbnail {
  margin-bottom: 40px;
  position: relative;
  width: 100%;
  padding-top: 80%;
  overflow: hidden;
}
.newslist-container section.newslist .news_thumbnail img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0; 
  right: 0;
  width: 100%;
  /*height: 100%;*/
}
.newslist-container section.newslist h3 {
  font-family: 'FOT-TsukuAOldMin Pr6N', "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 154%;
  letter-spacing: 2.24px;
  color: #333333;
}
.pagination {
  width: 100%;
}
.pagination .nav-links {
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.pagination .nav-links a:hover {
  color: #bca78e;
}
.pagination .nav-links .prev,
.pagination .nav-links .next {
  position: absolute;
  color: #333;
}
.pagination .nav-links .prev {
  left:0;
}
.pagination .nav-links .next {
  right: 0;
}
.pagination .page-numbers {
  font-family: 'FOT-TsukuAOldMin Pr6N', "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, 'Noto Serif JP', "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-size: 16px;
  line-height: 154%;
  letter-spacing: 2.24px;
  padding: 18px 6.25px 18px;
  margin-right: 10px;
  color: #333;
}
.newslist-container .pagination .page-numbers {
  color: #999;
}
.pagination .page-numbers:last-child {
  margin-right: 0;
}
.pagination .page-numbers.current {
  color: #333;
  border-bottom: 2px solid #F4ADAD;
}

.pagination.news-detail a {
  font-size: 16px;
}
.pagination.news-detail span.prev,
.pagination.news-detail span.next {
}
.pagination.news-detail span.prev a,
.pagination.news-detail span.next a {
  position: static;
  color: #333;
}
.pagination.news-detail span.prev a:hover,
.pagination.news-detail span.next a:hover {
  position: static;
  color: #bca78e;
}
.pagination.news-detail .page-numbers {
  padding: 0;
  margin: 0;
}

section.newslist .newslist_item .newstext a[target="_blank"]::after {
  content: "";
  display: inline-block;
  background: url(../img/blank_icon.svg) no-repeat center / 100%;
  width: 12px;
  height: 10px;
  margin: 0 0 0px 4px;
}

@media screen and (max-width: 480px) {
  .newslist-container {
    padding: 0;
  }
  .newslist-container section.newslist{
    max-width: 100%;
  }
  .pagination a span {
    display: none;
  }
}
/* /230426 */



.pagenavi .pagenavprev a,
.pagenavi .pagenavnext a{
	color: #666666;
	font-size: 130%;
}

.pagenavi .pagenavprev{
	float: left;
}

.pagenavi .pagenavnext{
	float: right;
}

/* gift */


section.common.gift_area{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	background: url('../img/about/bg-gift.jpg')no-repeat center;
	background-size: cover;
}

.shopbag_area .bag-img{
	display: block;
	background: url('../img/about/img_shopbag.png') no-repeat right 200px;
	overflow: visible;
	width: 100%;
	margin: 0;
}

section.common .shopbag_area .bag-img{
	display: block;
	width: 100%;
}

section.common p.gift-text{
	text-align: center;
	letter-spacing: 0.1em;
	margin: 20px 0 40px;
	line-height: 3em;
	z-index: 99;
}


/* delivery */

#delivery .delivery-wrap {
    position: relative;
    padding: 40px 0 0;
    min-height: 400px;
}

#delivery #content_gallery {
    width: 1524px;
    margin: 0 auto;
}

#delivery .gallery_cont{
	width: 100%;
	margin: 20px auto 0;
	overflow: hidden;
}

#delivery dl.tab_content{
	margin-top: 60px;
}

#delivery dl.tab_content dd:first-of-type{
	padding-bottom: 60px;
}

#delivery dl.tab_content dd{
	font-size: 110%;
	margin: 0 0 20px;
	line-height: 1.9;
}

#delivery dl.tab_content dd h4{
	font-weight: bold;
	line-height: 1.9;
}

#delivery dl.tab_content dd ol{
	margin-left: 20px;
}

#delivery dl.tab_content dd li{
	margin: 0 0 10px;
	font-weight: bold;
}

#delivery p.fax{
	font-size: 160%;
}


section.delivery-service ul li {
    float: left;
    min-height: 100%;
    width: 24.7%;
    list-style: none;
    margin: 0 3px 0 0;
}

section.delivery-service ul li img{
	opacity: 1;
}

section.delivery-service ul li.active figcaption{
	position: absolute;
	top: 0;
	left: 0;
	padding: 25% 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 18px;
	color: #fff;
	opacity: 1;
}

section.delivery-service ul li.active figcaption .caption-content{
    position: absolute;
    top: 50%;
    left: 50%;
}

section.delivery-service ul li.last{
	margin: 0;
}

section.delivery-service ul li img{
	width: 100%;
}

section.delivery-service ul li p{
	text-align: center;
	color: #666666;
}

section.delivery-service dl dd p.text{
	text-align: left;
	padding: 0 40px 0 0;
	margin: 0 0 60px 0;
}


section.delivery-service dl dt h2{
	padding: 0 0 0 35px;
	text-align: left;
	background: url(../img/about/h_history.png) no-repeat 0 0;
	line-height: 1.6;
}

section.delivery-service dl dd{
	display: table-cell;
	margin: 0;
	vertical-align: top;
}

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

	#delivery h2{
		font-size: 130%;
	}

	#delivery #content_gallery {
	    width: 100%;
	    margin: 0 auto;
	}
}



/* Contact */

#contact ul li{
	list-style-type: none;
}

#contact ul.side_table  li{
	list-style-type: none;
}

#contact ul.side_table li.long{
	width: 190px;
}


/* ==========================================================================
Recruit Page 1609 add
========================================================================== */


#recruit #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#recruit .about-wrap {
    position: relative;
    padding: 0;
    min-height: 560px;
}


#recruit h2.recruit_txt{
	width: 100%;
}

#recruit h3.catch{
	margin-top: 0;
}

#recruit section.slide{
	padding: 0 20%;
	margin: 50px 0 40px;
}


#recruit .recruit_txt{
	padding: 0 20%;
	margin:20px 0 25px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
	text-align: left;
}


#recruit_slide_wrap{
	width: 100%;
}

#recruit .nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}


/* ==========================================================================
Recruit-test Page 2508 add
========================================================================== */


#recruit-test #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#recruit-test .about-wrap {
    position: relative;
    padding: 0;
    min-height: 560px;
}


#recruit-test h2.recruit_txt{
	width: 100%;
}

#recruit-test h3.catch{
	margin-top: 0;
}

#recruit-test section.slide{
	padding: 0 20%;
	margin: 50px 0 40px;
}


#recruit-test .recruit_txt{
	padding: 0 20%;
	margin:20px 0 25px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
	text-align: left;
}



#recruit-test .nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}




/* ==========================================================================
Recruit Page211220 テスト環境  add
========================================================================== */

/* テスト環境 */

#recruit-test #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#recruit-test .about-wrap {
    position: relative;
    padding: 0;
    min-height: 560px;
}


#recruit-test h2.recruit_txt{
	width: 100%;
}

#recruit-test h3.catch{
	margin-top: 0;
}

#recruit-test section.slide{
	padding: 0 20%;
	margin: 50px 0 40px;
}


#recruit-test .recruit_txt{
	padding: 0 20%;
	margin:20px 0 25px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
	text-align: left;
}


#recruit-test .nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}



#recruit-test #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#recruit-test .about-wrap {
    position: relative;
    padding: 0;
    min-height: 560px;
}


#recruit-test h2.recruit_txt{
	width: 100%;
}

#recruit-test h3.catch{
	margin-top: 0;
}

#recruit-test section.slide{
	padding: 0 20%;
	margin: 50px 0 40px;
}


#recruit-test .recruit_txt{
	padding: 0 20%;
	margin:20px 0 25px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
	text-align: left;
}



#recruit-test .nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}




/* ==========================================================================
Recruit Page2508 テスト環境  add
========================================================================== */

/* テスト環境 */

#recruit-test-2 #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#recruit-test-2 .about-wrap {
    position: relative;
    padding: 0;
    min-height: 560px;
}


#recruit-test-2 h2.recruit_txt{
	width: 100%;
}

#recruit-test-2 h3.catch{
	margin-top: 0;
}

#recruit-test-2 section.slide{
	padding: 0 20%;
	margin: 50px 0 40px;
}


#recruit-test-2 .recruit_txt{
	padding: 0 20%;
	margin:20px 0 25px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
	text-align: left;
}


#recruit-test-2 .nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}



#recruit-test-2 #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

#recruit-test-2 .about-wrap {
    position: relative;
    padding: 0;
    min-height: 560px;
}


#recruit-test-2 h2.recruit_txt{
	width: 100%;
}

#recruit-test-2 h3.catch{
	margin-top: 0;
}

#recruit-test-2 section.slide{
	padding: 0 20%;
	margin: 50px 0 40px;
}


#recruit-test-2 .recruit_txt{
	padding: 0 20%;
	margin:20px 0 25px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
	text-align: left;
}



#recruit-test-2 .nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}




/* ==========================================================================
end Recruit Page211220 テスト環境  add
========================================================================== */



#require_wrap{
	width: 100%;
	width: 600px;
	margin: 0 auto;
	position: relative;
}

#require_wrap{
	padding: 32px 0 58px 0;
}

#content_lineup,
#content_plan,
#content_option,
#content_require{
	margin :0 auto;
}

/* recruit - ギャラリー　*/

h3.require_subtitle{
	font-size: 130%;
	color:#231815;
	text-align: center;
	line-height: 1.9;
	letter-spacing: 2px;
	padding: 0;
	margin: 20px 0 44px 0;
}


#content_gallery{
	width: 1024px;
	margin: 0 auto;
}

#content_gallery h3{
	text-align: left;
}


.gallery_cont1{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}

.gallery_cont2{
	width: 100%;
	margin: 60px auto 0;
	overflow: hidden;
	}

.gallery_col{
	text-align: center;
	display: table-cell;
	padding-right: 60px;
	vertical-align: bottom;
	}

#recruit .gallery_cont2{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#recruit .gallery_cont2 .gallery_col{
	padding-right: 0px;
	}

#gallery_wrap{
	background: #F8F8F8;
	padding: 32px 0 58px 0;
}



/* recruit - 募集要項 */
.require{
	width: 100%;
	margin: 0 auto;
}

.require dl{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: 1px solid #9e9e9e;
}

.require dl dt{
	width: 190px;
	color: #231815;
	background: #e5e5e5;
	font-size: 16px;
	padding: 14px 0 14px 14px;
	margin: 0;
	display: table-cell;
	overflow: hidden;
	border-top: 1px solid #9e9e9e;
}

.require dl dd.step_first{
	min-height: 25px;
	width: 410px;
	line-height: 25px;
	color: #231815;
	padding: 0 0 14px 25px;
	display: table-cell;
	margin-left: 0px;
	margin-right: 20px;
	border-top: 1px solid #9e9e9e;
}



.require dl dd.step_link a.inquiry{
	padding-left: 20px;
	margin-left: 10px;
	background: url(../img/hiyorika/arrow_contact.png) no-repeat center left;
}

.require p.step_arrow{
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	}





/* ==========================================================================
Hiyorika Page
========================================================================== */
.hiyorika-p .share_message{
	display: block;
	color:#534741;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	letter-spacing:1px;
}

.hiyorika-p .social{
	position: fixed;
	right: 30px;
	top: 60%;
	z-index: 999;
}

.hiyorika-p .social ul li{
	list-style-type: none;
	margin: 20px 0;
}


.hiyorika-p .social li a {
  background:#534741;
  border-radius:50%;
  color:#FFFFFF;
  display:block;
  font-size:25px;
  height:50px;
  line-height:50px;
  text-align:center;
  transition:all 0.3s ease-in-out;
  width:50px;
}

.hiyorika-p .social li a:hover{
	background: #BAA58C;
}


.hiyorika-p .social-link a{
	display: block;
}

.hiyorika-p .hero {
    position: relative;
    padding: 60px 0 0 0;
    min-height: 640px;
    height: 100%;
    background: rgb(255, 255, 255) url('../img/hiyorika/header.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

.hiyorika-p #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

/* menu */
.hiyorika-p section.hero .logo{
	text-align: center;
	width: 100%;
	height: 100%;
	padding-top: 120px;
	margin: 0 auto;
}



.hiyorika-p{
    background: #ffffff;
}

h2.hiyorika_txt{
	width: 100%;
}

.hiyorika_txt{
	padding: 0 20%;
	margin:20px 0 40px;
	white-space: nowrap;
	line-height:2.4em;
	display:block;
	float:left;
	width: 100%;
}

.nowrap{
	display:block;
	white-space: nowrap;
	width: 100%;
}


.cont-hiyorika {
	width: 80%;
	height: 100%;
	max-height: 900px;
    padding: 20% 0;
    margin: 0;
}

.cont-hiyorika .col-md-12{
	width: 100%;
	height: 100%;
	padding:0;
	background: transparent;
}

.cont-hiyorika  h1 {
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: 400;
    font-size: 40px;
}

.cont-hiyorika  p{
	display: block;
	margin: 10px;
}

/* hiyorika_lineup */
.hiyorika-p section.lineup{
	background: #f8f8f8;
}

.hiyorika-p section.plan{
	max-width: 2000px;
	background-image:url(../img/hiyorika/planBg.jpg);
	background-size: cover;
	background-position:50% 50%;
	margin: 0 auto;
}


/* hiyorika_footer_thumbnail */
.hiyorika-p section.thumb{
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.hiyorika-p section.thumb ul{
	padding: 0;
	margin: 0;
}


.hiyorika-p section.thumb ul li {
    float: left;
    min-height: 100%;
    width: 36%;
    background: none;
    list-style: none;
    margin: 0px;
    padding: 0;
}

.hiyorika-p section.thumb ul li img{
    width: 100%;
}


.hiyorika-p section.thumb ul li.himage {
    width: 14%;
}



/* ==========================================================================
Hiyorika Page_add
========================================================================== */

/* hiyorika_wrap */
#hiyo_lineup_wrap,
#hiyo_plan_wrap,
#hiyo_option_wrap,
#hiyo_step_wrap{
	width: 100%;
	position: relative;
}

.bt_scroll a{
	z-index: 98;
	display: block;
	text-indent: -5000px;
	width: 75px;
	height: 75px;
	position:absolute;
	top: -30px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-radius:50%;
	background: url(../img/hiyorika/bt-scroll.png) no-repeat 50% 50% #baa58c;
}

.bt_scroll a:hover{
	background: url(../img/hiyorika/bt-scroll.png) no-repeat 50% 50% #ad8d6a;
}

.ico_sakura{
	width: 18px;
	height: 20px;
	background-image:url(../img/hiyorika/logo_18-18.png);
	position:absolute;
	top: -9px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
}


#hiyo_lineup_wrap{
	position: relative;
	background: #F8F8F8;
	padding:45px 0 25px 0;
}


#hiyo_plan_wrap{
	width: 100%;
	background: rgba(255,255,255,0.8);
	padding: 45px 0 25px 0;
}



#hiyo_option_wrap{
	padding:36px 0 56px 0;
}

#hiyo_step_wrap{
	background: #F8F8F8;
	padding: 32px 0 58px 0;
	}

#content_lineup,
#content_plan,
#content_option,
#content_step{
	margin :0 auto;
}

/* hiyorika_共通テキスト */
.hiyo_title{
	font-family: 'Montserrat', sans-serif;
	color:#F3ADAC;
	font-size: 100%;
	text-align: center;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	}

h3.hiyo_subtitle{
	font-size: 130%;
	color:#231815;
	text-align: center;
	line-height: 1.9;
	letter-spacing: 2px;
	padding: 0;
	margin: 20px 0 44px 0;
}

.hiyo_item_name{
	color:#231815;
	line-height: 130%;
}

.hiyo_note{
	display: block;
	text-align: center;
	width: 100%;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	margin:30px auto 0px;
}

.hiyo_note-a{
	color:#231815;
	text-align: center;
	width: 100%;
	padding: 0;
	margin:0 auto 30px;
}

.hiyo_note-b{
	color: #808080;
	max-width: 670px;
	margin: 30px auto;
	font-size: 97%;
}

.hiyo_note-c{
	color:#808080;
	text-align: center;
}


/*  hiyorika_lineup*/
.lineup_arrow_l{
	width: 73px;
	height: 100%;
	background-image:url(../img/hiyorika/arrow_l.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
	top: 0;
	left: -60px;
}

.lineup_arrow_r{
		width: 73px;
		height: 100%;
		background-image:url(../img/hiyorika/arrow_r.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		position: absolute;
		top: 0;
		right: -60px;
}

.hiyo_lineup{
	position: relative;
	display: block;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	min-height: 420px;
	position: relative;
	margin: 40px 0 40px 60px;
	float: left;
}

.hiyo_lineup_sp{
	display: none;
}


.hiyo_lineup_sp span{
	display: block;
}

.hiyo_lineup .hiyo_caption{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.lineup_img01{
	position: absolute;
	top: 10px;
	left: 42px;
}

.lineup_img02{
	position: absolute;
	top: 217px;
	left: 162px;
	}

.lineup_img03{
	position: absolute;
	top: 35px;
	left: 308px;
	}
.lineup_img04{
	position: absolute;
	top: 218px;
	left: 424px;
	}
.lineup_img05{
	position: absolute;
	top: 0;
	left: 563px;
	}
.lineup_img06{
	position: absolute;
	top: 217px;
	left: 669px;
	}
.lineup_img07{
	position: absolute;
	top: 40px;
	left: 811px;
	}
.lineup_img08{
	position: absolute;
	top: 228px;
	left: 917px;
	}

.lineup_img09{
	position: absolute;
	top: 0px;
	left: 40px;
	}
.lineup_img10{
	position: absolute;
	top: 215px;
	left: 118px;
	}
.lineup_img11{
	position: absolute;
	top: 13px;
	left: 264px;
	}
.lineup_img12{
	position: absolute;
	top: 220px;
	left: 414px;
	}
.lineup_img13{
	position: absolute;
	top: 7px;
	left: 472px;
	}
.lineup_img14{
	position: absolute;
	top: 195px;
	left:616px;
	}
.lineup_img15{
	position: absolute;
	top: 14px;
	left: 718px;
	}
.lineup_img16{
	position: absolute;
	top: 218px;
	left: 816px;
	}
.lineup_img17{
	position: absolute;
	top: 18px;
	left: 916px;
	}




/* hiyorika_plan */

.hiyo_plan{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}
.hiyo_plan_col{
	width: 320px;
	padding: 10px 10px 10px 30px;
	border-right: 1px solid #808080;
	float: left;
	}
.hiyo_plan_col:last-of-type{
	border-right: none;
	}
.hiyo_plan_col ul{
	list-style-type:none;
	}

.hiyo_plan_col ul li{
	font-size:12px;
	padding-bottom: 6px;
	}

.plan_bn{
	width: 165px;
	margin: 0 auto ;
	}
p.plan_price{
	font-size: 30px;
	font-family: Garamond;
	text-align: center;
	margin-bottom: 0;
	}

span.plan_tax{
	font-size: 13px;
}


/* hiyorika_option */
.hiyo_option{
	width: 1120px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
}


.hiyo_option-sp{
	width: 100%;
	max-width: 100%;
	margin-bottom: 30px;
	margin: 0 auto;
	vertical-align: baseline;
}

.hiyo_option_col{
	text-align: center;
	position: relative;
	width: 25%;
	vertical-align: bottom;
}


.hiyo_option2 .hiyo_option_col{
	text-align: center;
	position: relative;
	width: 20%;
	vertical-align: bottom;
}



.hiyo_option_col:last-of-type{
	padding-right: 0;
	}


/* hiyorika_step */
.hiyo_step{
	width: 100%;
	max-width: 650px;
	margin:0 auto;
	}

.hiyo_step dl{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	}
.hiyo_step dl dt{
	width: 200px;
	color: #231815;
	font-size: 16px;
	padding: 0;
	margin: 0 0 48px 0;
	display: table-cell;
	overflow: hidden;
	}
.hiyo_step dl dd.step_first{
	height: 25px;
	line-height: 25px;
	color: #231815;
	padding: 0;
	font-size: 96%;
	display: table-cell;
	margin-left: 0px;
	margin-right: 20px;
	}
.hiyo_step dl dd.step_link{
	color: #231815;
	padding-top: 3px;
	display: table-cell;
	}


.hiyo_step dl dd.step_link a.inquiry{
	padding-left: 20px;
	margin-left: 10px;
	background: url(../img/hiyorika/arrow_contact.png) no-repeat center left;
}

.hiyo_step p.step_arrow{
	width: 100%;
	height: 48px;
	background-image: url(../img/hiyorika/arrow_step.png);
	background-position: 300px 50% ;
	background-repeat: no-repeat;
	}

span.hiyo_step_num{
	font-family:Garamond;
	font-size:160%;
	padding-right: 6px;
}

span.hiyo_link{
	color: #BAA58C;
	}


.main-gallery-sp, .sp{
	display: none;
}






/* ==========================================================================
Hiyorika re Page
========================================================================== */


.hiyorika-re .download{
	background: #efefef
}

.hiyorika-re .download h2{
	vertical-align: middle;
	letter-spacing: 0.1em;

}

.hiyorika-re span.hiyo_about_txt{
	font-size: 94%;
	padding: 0 0 0 10px;
	line-height: 2.4;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}


.hiyorika-re .hiyo_catering img{
	width: 160px;
}

.hiyorika-re .hiyo_catering p{
	margin: 40px 0 60px;
}



.hiyorika-re h4{
	  font-family: "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝体", "Yu Mincho", YuMincho, serif;
	  font-size: 130%;
	  margin: 60px 0;
}

.hiyorika-re h2.hiyorika_txt{
	width: 100%;
	z-index: 999;
	position: absolute;
	top: 0;
	right: 540px;
	-webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
	  font-family: "FOT-筑紫Aオールド明朝 Pr6 R", "游明朝体", "Yu Mincho", YuMincho, serif;
	  letter-spacing: 0.1em;
}

.hiyorika-re #hiyo_image_wrap{
	position: relative;
	background: transparent;
	padding:45px 0 25px 0;
}


.hiyo_image2{
	position: relative;
	display: block;
	padding: 60px 0 0;
    min-height: 980px;
}

.hiyo_img01{
	position: absolute;
	top: 0px;
	left: 172px;
}

.hiyo_img02{
	position: absolute;
	top: 367px;
	right: 162px;
	}

.hiyo_img03{
	position: absolute;
	top: 20px;
	left: 100px;
	}
.hiyo_img04{
	position: absolute;
	top: 340px;
	right: 200px;
	}
.hiyo_img05{
	position: absolute;
	top: 660px;
	left: 380px;
	}

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

.hiyo_img01,.hiyo_img02,.hiyo_img03,.hiyo_img04,.hiyo_img05{
	position: relative;
	display: block;
	top: 0;
	left: 0;
	margin: 20px auto 30px;
	}

}


.hiyorika-re .hiyo_item_name{
	display: block;
	vertical-align: bottom;
	text-align: left;
	padding: 0 0 0 50px;
}

.hiyorika-re .hiyo_item_name img{
	width: 104px;
}


.hiyorika-re .hiyo_item_name span{
	margin: 4px 0 0 10px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}



.hiyorika-re .hiyo_item_name span.price{
	display: block;
	margin: 16px 0 0 0;
	vertical-align: bottom;
}


.hiyorika-re .hiyo_item_name span.price em{
    font-family: "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, serif;
	font-size: 160%;
	font-style: normal;
}


.hiyorika-re .share_message{
	display: block;
	color:#534741;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	letter-spacing:1px;
}

.hiyorika-re .social{
	position: fixed;
	right: 30px;
	top: 60%;
	z-index: 999;
}

.hiyorika-re .social ul li{
	list-style-type: none;
	margin: 20px 0;
}


.hiyorika-re .social li a {
  background:#534741;
  border-radius:50%;
  color:#FFFFFF;
  display:block;
  font-size:25px;
  height:50px;
  line-height:50px;
  text-align:center;
  transition:all 0.3s ease-in-out;
  width:50px;
}

.hiyorika-re .social li a:hover{
	background: #BAA58C;
}


.hiyorika-re .social-link a{
	display: block;
}

.hiyorika-re .hero {
    position: relative;
    padding: 60px 0 0 0;
    min-height: 700px;
    height: 100%;
    background: rgb(255, 255, 255) url('../img/hiyorika-gift/header.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}



.hiyorika-re #article{
	position: relative;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}

/* menu */
.hiyorika-re section.hero .logo{
	text-align:left;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	margin: 0 auto;
}


.hiyorika-re section.hero .catch{
	text-align:left;
	width: 30%;
	height: 100%;
	padding-top: 0px;
	margin: 0;
}

.hiyorika-re section.hero .catch img{
	margin:80px 0 0 40px;
	width: 108px;
}

.hiyorika-re section.hero .logo img{
	width: 200px;
}


/* hiyorika_lineup */
.hiyorika-re section.image{
	background: #efefef;
}

.hiyorika-re section.plan{
	max-width: 2000px;
	background-image:url(../img/hiyorika/planBg.jpg);
	background-size: cover;
	background-position:50% 50%;
	margin: 0 auto;
}


/* hiyorika_footer_thumbnail */
.hiyorika-re section.thumb{
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.hiyorika-re section.thumb ul{
	padding: 0;
	margin: 0;
}


.hiyorika-re section.thumb ul li {
    float: left;
    min-height: 100%;
    width: 24%;
    background: none;
    list-style: none;
    margin: 0px;
    padding: 0;
}

.hiyorika-re section.thumb ul li img{
    width: 100%;
}


.hiyorika-re section.thumb ul li.himage {
    width: 14%;
}




.hiyorika-re .hiyo_option:first-of-type{
	margin-bottom: 90px;
}




/* Button Module
-------------------------------------------------- */
@media only screen and (min-width: 751px) {
  .w198 {
    width: 198px;
  }

  .btn.reset a, .btn.reset input, .btn.reset button {
    width: 140px;
  }

  .btn.submit {
    display: inline-block !important;
  }
  .btn.submit a, .btn.submit input, .btn.submit button {
    width: 200px;
  }

  .btn.back {
    width: 200px;
  }
}
@media only screen and (max-width: 750px) {
  .w198 {
    width: 100%;
  }

  .clear.w198 {
    width: 198px;
  }

  .btn.reset {
    margin-bottom: 15px;
  }
  .btn.reset a, .btn.reset input, .btn.reset button {
    width: 125px;
  }

  .btn.submit a, .btn.submit input, .btn.submit button {
    width: 100%;
  }
}
.btn a, .btn input, .btn button {
  height: 43px;
  line-height: 43px;
  vertical-align: middle;
  display: block;
  text-align: center;
  text-decoration: none;
}
.btn input, .btn button {
  border: none;
  background: none;
}

.btn.clear {
  border: 1px solid #fff;
}
.btn.clear a, .btn.clear input, .btn.clear button {
  color: #fff;
}
.btn.clear a, .btn.clear input, .btn.clear button {
  display: block;
  position: relative;
}
.btn.clear a:after, .btn.clear input:after, .btn.clear button:after {
  width: 5px;
  height: 10px;
  content: "";
  display: block;
  background: url("../img/link_arrow_white.svg") no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 16px;
  right: 8px;
}

.btn.black {
  border: 1px solid #353743;
}
.btn.black a, .btn.black input, .btn.black button {
  background-color: #353743;
  color: #fff;
}
.btn.black a, .btn.black input, .btn.black button {
  display: block;
  position: relative;
}
.btn.black a:after, .btn.black input:after, .btn.black button:after {
  width: 5px;
  height: 10px;
  content: "";
  display: block;
  background: url("../img/link_arrow_white.svg") no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 16px;
  right: 8px;
}

.btn.reset a, .btn.reset input, .btn.reset button {
  background-color: #abacb0;
  color: #fff;
}

.btn.submit, .btn.back {
  display: block;
  position: relative;
}
.btn.submit:after, .btn.back:after {
  width: 5px;
  height: 10px;
  content: "";
  display: block;
  background: url("../img/link_arrow_white.svg") no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 16px;
  right: 8px;
}
.btn.submit a, .btn.submit input, .btn.submit button, .btn.back a, .btn.back input, .btn.back button {
  background-color: #353743;
  color: #fff;
}

.btn.back {
  margin: 0 auto;
}
.btn.back {
  display: block;
  position: relative;
}
.btn.back:after {
  width: 5px;
  height: 10px;
  content: "";
  display: block;
  background: url("../img/link_arrow_white.svg") no-repeat left top;
  background-size: contain;
  position: absolute;
  top: 16px;
  right: 93%;
}
.btn.back:after {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
      transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

.center {
  margin-left: auto;
  margin-right: auto;
}

/* Table
-------------------------------------------------- */
@media only screen and (min-width: 751px) {
  .table.two_column th {
    width: 104px;
  }
}
@media only screen and (max-width: 750px) {
  .table.two_column th {
    width: 74px;
  }
}
.table {
  width: 100%;
  border-top: 1px solid #d8dee2;
  border-left: 1px solid #d8dee2;
}
.table th, .table td {
  border-bottom: 1px solid #d8dee2;
  border-right: 1px solid #d8dee2;
  padding: 15px 18px;
  vertical-align: middle;
}
.table th {
  background-color: #f7f9fb;
}

.table td li {
  margin-top: 20px;
}
.table td li:first-child {
  margin-top: 0;
}

/* Form Parts
-------------------------------------------------- */
/* check box ・ radio button */
@media only screen and (min-width: 751px) {
  .radiobtn, .checkbox {
    padding-left: 28px;
  }
}
@media only screen and (max-width: 750px) {
  .radiobtn, .checkbox {
    padding-left: 40px;
  }
}
.radiobtn, .checkbox {
  overflow: hidden;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  position: relative;
}
.radiobtn input, .checkbox input {
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.radiobtn, .checkbox {
  height: 18px;
  line-height: 18px;
}

.radiobtn.plan_radio,
.checkbox.plan_radio {
  font-size: 12px;
}

.side_table span{
	padding-right: 8px;
}


/* select */
.select_wrap {
  position: relative;
  overflow: hidden;
}

.select_wrap #pref {
  width: 120px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  border: 1px solid #b7bbbf;
  text-indent: 10px;
}

.hasCustomSelect {
  display: block;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  width: 100% !important;
}

.customSelect {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  display: block !important;
}

.customSelectInner {
  width: 100% !important;
  display: block !important;
}

.select_wrap {
  position: relative;
  overflow: hidden;
}

.select_wrap .select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.select_wrap .select::-ms-expand {
  display: none;
}

.customSelect:after {
  content: "";
  background: url("../img/icon_arrow.png") no-repeat left top;
  background-size: contain;
  display: block;
  position: absolute;
  top: 18px;
  right: 18px;
  width: 8px;
  height: 5px;
  display: none ¥9;
}

.select_wrap.w_80 {
  width: 80px;
}

.select_wrap.w_250 {
  width: 250px;
}

/* text type */
@media only screen and (min-width: 751px) {
  .text_type.size_s input{
    width: 25.3%;
  }

  .text_type.size_m input{
    width: 60%;
  }

  .text_type.size_l input{
    width: 99%;
  }

  textarea{
    width: 91%;
  }

  .zip_btn {
    padding-left: 2.8%;
    padding-right: 2.8%;
  }
  .zip_btn input {
    width: 14.1%;
  }
}
@media only screen and (max-width: 750px) {
  .text_type.size_s input{
    width: 94%;
  }

  .text_type.size_m input{
    width: 94%;
  }

  .text_type.size_l input{
    width: 94%;
  }

  textarea {
    width: 91%;
  }

  .zip_btn {
    display: inline-block;
    padding-top: 10px;
  }
  .zip_btn input {
    width: 99%;
  }
}

.text_type input{
  height: 40px;
  line-height: 40px;
  border: 1px solid #c6c6ce;
  background-color: transparent;
  text-indent: 10px;
}

.zip_btn input {
  height: 30px;
  line-height: 28px;
  vertical-align: middle;
  background: #f0f2f3;
  border: 1px solid #e2e4e5;
  text-align: center;
}

textarea {
  border: 1px solid #b7bbbf;
  background-color: transparent;
  border-radius: 3px;
  padding: 10px 4%;
}

.err {
  background-color: #ffe0e0 !important;
}

.err_text {
  color: #ce2e2e;
}

.disabled {
  background-color: #fafafa !important;
}

}

#main_wrap #contact>.text a,#main_wrap #contact>.title a{text-decoration:underline}
#main_wrap #contact>.text a:hover,#main_wrap #contact>.title a:hover{text-decoration:none}
#main_wrap #contact>.text span{color:#ce2e2e;font-weight:bold}
#main_wrap #contact>.title{font-weight:bold;text-align:center}
#main_wrap .ERR{color:#ce2e2e}.form_table{width:100%}
.form_table tr th,.form_table tr td{padding-top:10px;padding-bottom:10px}
.form_table tr .rq_th:after{content:"※";color:#ce2e2e}
.form_table tr th{font-weight:bold}
.form_table tr td{word-break:break-all}
.form_table tr td .select_wrap:after{top:4px}
.form_table tr td .text_list .multi:last-child{margin-bottom:0}.form_table tr td .select_list{display:table}.form_table tr td .select_list li{display:table-cell}.form_table tr td .select_list li .select_wrap{display:inline-block}.form_table tr td .select_list li:first-child{padding-left:0}.form_table tr td .select_list li .select_wrap:after{top:10px}.btn_wrap{border-top:1px solid #d9dee2}@media only screen and (min-width:751px){#contact>.text{text-align:center;margin:50px 0}#contact>.title{font-size:16px;margin-bottom:10px}#progress_navi{border-top:1px solid #d9dee2;border-bottom:1px solid #d9dee2;margin-bottom:35px}#progress_navi li{padding:20px 0;width:33.3%;font-size:14px;float:left;position:relative;color:#9c9da4;text-align:center}#progress_navi li span{font-style:italic;margin-right:16px;font-size:16px}#progress_navi li.active{color:#252831}.form_table tr th,.form_table tr td{vertical-align:top}.form_table tr th,.form_table tr content{width:28.675%;padding:23px 0 10px 8%}.form_table tr td{width:73.8%;padding:10px 8% 10px 0}.form_table tr td .text_list .multi{margin-bottom:20px}.form_table tr td .text_list .multi .text{display:inline-block;margin-right:10px}.form_table tr td .text_list .multi .select_wrap{display:inline-block;vertical-align:middle;width:36% !important}.form_table tr td .margin_text{margin:15px 0}.form_table tr td .side_table{margin:10px 0}.form_table tr td .side_table li{float:left;width:130px}.form_table tr td .select_list{display:table}.form_table tr td .select_list li{padding-left:10px}.form_table tr td .select_list .year .select_wrap{width:60px}.form_table tr td .select_list .month .select_wrap,.form_table tr td .select_list .day .select_wrap{width:40px}.form_table.half tr th,.form_table.half tr td{padding-top:10px;padding-bottom:10px}.form_table.half tr th{width:16.6%}.form_table.half tr td{width:33.6%}.confirm tr th{padding:20px 0 20px 8%}.confirm tr td{padding:20px 8% 20px 0}.complete_wrap{padding:60px 0 110px;border-bottom:1px solid #dedede}.complete_wrap dl dt{margin-bottom:25px}.btn_wrap{padding-top:50px;margin-top:45px}.btn_wrap .center.btn{margin-bottom:0}.btn_wrap ul{text-align:center}.btn_wrap ul li{margin-left:20px;display:inline-block}.btn_wrap ul li:first-child{margin-left:0}}@media only screen and (max-width:750px){#contact>.title{font-size:15px;margin-bottom:5px}#progress_text{border-top:1px solid #d9dee2;border-bottom:1px solid #d9dee2;margin:20px 0;padding:13px 0;text-align:center;font-size:15px;line-height:20px}#progress_text span{font-style:italic;margin-right:6px;font-size:20px}.form_table tr th,.form_table tr td{line-height:1.47}.form_table tr th{width:25.83%;padding:10px 4.1% 10px 0}.form_table tr td{width:61%;padding:10px 0}.form_table tr td a{text-decoration:underline}.form_table tr td a:hover{text-decoration:none}.form_table tr td .margin_text{margin:10px 0}.form_table tr td .text_list .multi{margin-bottom:10px}.form_table tr td .text_list .multi .text{display:block}.form_table tr td .text_list .multi select{width:100%}.form_table tr td .side_table li{margin-top:10px}.form_table tr td .side_table li:first-child{margin-top:0px}.form_table tr td .select_list li{padding-left:5px}.form_table tr td .select_list li .select{text-indent:2px}.form_table tr td .select_list .year .select_wrap{width:55px}.form_table tr td .select_list .month .select_wrap,.form_table tr td .select_list .day .select_wrap{width:30px}.form_table .half tr th{width:26.83%}.confirm tr th{width:34.83%}.confirm tr td{width:65.07%}.confirm .content td{width:100%;padding-bottom:0px;font-weight:bold}.complete_wrap{padding:25px 0;margin-bottom:25px;border-bottom:1px solid #dedede}.complete_wrap dl dt{margin-bottom:25px}.complete_wrap dl dd{width:98%;margin:0 auto}.btn_wrap{padding-top:30px;margin-top:25px}.btn_wrap .center.btn{margin-left:0;margin-right:0;margin-bottom:0}
}

/* 入力画面、確認画面でのhidden項目 */

.mw_wp_form_input #submit_btn {
    display: none;
}

.mw_wp_form_confirm #reset_btn,
.mw_wp_form_confirm #zip_btn,
.mw_wp_form_confirm #zip_search,
.mw_wp_form_confirm span.text {
    display: none;
    text-indent: -5000px;
}





/* Common */

p.small,
p.en,
span{
    font-family: "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, serif;
}

p.text img{
	max-width: 100%;
}

section.common{
	background: #ffffff;
	margin-bottom: 60px;
}



h1 .line{
	display: block;
	border-top: 1px solid #ffffff;
	padding: 0;
	margin: 15px auto 0;
	width: 30px;
	text-align: center;
}

h2 .line{
	display: block;
	border-bottom: 1px solid #cecece;
	padding: 15px 0 20px;
	width:30px;
	margin: 0 auto;
}

h3 .line{
	display: block;
	border-bottom: 1px solid #cecece;
	padding: 0 0 20px;
	width:30px;
	margin: 0;
}

h2 .hline{
	vertical-align: top;
	border-right: 1px solid #cecece;
	margin: 0;
	padding-right: 40px;
	width: 1px;
	height: 50px;
}



/* hiddenContents*/
/* 隠しコンテンツのCSS */

section.popup {
	position: relative;
	display: none;/* ライトボックス表示するコンテンツは消しておきます */
	width: 720px;/* 隠しコンテンツの横幅 */
	height: 295px;/* 隠しコンテンツの高さ */
}

section.popup img {
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0;
	padding: 0;
}

section.popup h3 {
	position: absolute;
	width: 230px;
	top: 20px;
	right: 20px;
	font-size: 94%;
	margin-top: 0;
	border-bottom: 1px dotted #666666;
	padding-bottom: 7px;
	text-align: center;
}

section.popup p.exp {
	position: absolute;
	width: 240px;
	top:  110px;
	font-size: 90%;
	right: 20px;
	line-height: 1.6;
}

section.popup p.exp2 {
	position: absolute;
	width: 240px;
	top:  110px;
	font-size: 84%;
	right: 20px;
	line-height: 1.6;
}

section.popup p.exp3 {
	position: absolute;
	width: 240px;
	top:  150px;
	font-size: 84%;
	right: 20px;
	line-height: 1.6;
}

section.popup p.type {
	position: absolute;
	width: 240px;
	height: 30px;
	top:  50px;
	font-size: 90%;
	right: 20px;
	line-height: 1.6;
}

section.popup span.price {
	position: absolute;
	height: 30px;
	width: 240px;
	font-size: 90%;
	top:  90px;
	right: 20px;
	line-height: 1.6;
}


section.popup span.price2 {
	position: absolute;
	height: 30px;
	width: 240px;
	font-size: 90%;
	top:  120px;
	right: 20px;
	line-height: 1.6;
}

section.popup span.price3 {
	position: absolute;
	height: 30px;
	width: 240px;
	font-size: 90%;
	top:  150px;
	right: 20px;
	line-height: 1.6;
}

/* //hiddenContents */

/*refurbishment*/
@media only screen and (min-width: 991px) {
  .top_button_pc .sns_button_wrap {
    position: fixed;
    z-index: 10000;
    right: 2%;
	top: 50%;
	display: flex;
    flex-direction: column;
    align-items: center;
	transform: translateY(-50%);
  }
  .top_button_pc .online_shop_button_wrap {
    position: fixed;
    z-index: 10000;
	right: 2%;
	bottom: 5%;
  }
  .top_button_pc .sns_button_wrap img.sns_txt {
    margin-bottom: 10px;
    opacity: 1;
    transition: .4s;
  }
  .top_button_pc .sns_button_wrap img.sns_txt.first-view {
    opacity: 0;
  }
  .online_shop_button_wrap .online_shop_button {
    transition:all 0.3s;
  }
  .online_shop_button_wrap .online_shop_button:hover{
      transform: scale(1.088);
  }
  .sns_button_wrap .fb_button {
    width: 33.25px;
    height: 33.25px;
    background-image: url("../img/fb_button.svg");
    background-size: 33.26px;
    transition: all 0.7s;
  }
  .sns_button_wrap .insta_button {
    width: 33.25px;
    height: 33.25px;
    background-image: url("../img/insta_button.svg");
    background-size: 33.26px;
    transition: all 0.7s;
  }
  .sns_button_wrap .twi_button {
    width: 33.25px;
    height: 33.25px;
    background-image: url("../img/twi_button.svg");
    background-size: 33.26px;
    transition: all 0.7s;
  }
  .sns_button_wrap .fb_button:hover {
    background-image: url("../img/fb_button_on.svg");
    background-size: 33.26px;
  }
  .sns_button_wrap .insta_button:hover {
    background-image: url("../img/insta_button_on.svg");
    background-size: 33.26px;
  }.sns_button_wrap .twi_button:hover {
    background-image: url("../img/twi_button_on.svg");
    background-size: 33.26px;
  }
  .sns_button_wrap div {
    margin-bottom: 10px;
  }
  /*240514追記*/
  .sns_button_wrap .x_button {
    width: 33.25px;
    height: 33.25px;
    background-image: url("../img/x_button.svg");
    background-size: 33.26px;
    transition: all 0.7s;
  }
/*/240514*/
  .sns_button_wrap .fb_button:hover {
    background-image: url("../img/fb_button_on.svg");
    background-size: 33.26px;
  }
  .sns_button_wrap .insta_button:hover {
    background-image: url("../img/insta_button_on.svg");
    background-size: 33.26px;
  }
/*240514追記*/
  .sns_button_wrap .x_button:hover {
    background-image: url("../img/x_button_on.svg");
    background-size: 33.26px;
  }
/*/240514*/
  .sns_button_wrap div {
    margin-bottom: 10px;
  }
}

.sp_only {
  display: none;
}
.online_shop_button-sp{
  display: none;
}
.insta_contents .insta_txt {
  margin-bottom: 37px;
}
.insta_contents .insta_txt p{
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
.insta_contents .insta_button {
  margin-top: 47px;
}
.insta_contents .insta_button .top_insta_link{
	display: block;
	width: 342px;
	height: 70px;
	background-color: #F4ADAD;
	border-radius: 6px;
	text-align: center;
	padding: 19px;
	margin: 0 auto;
	transition: all 0.7s;
}
.insta_contents .bx-wrapper {
  max-width: 100% !important;
}
.insta_contents ul.insta_photo_slide {
  margin: 0;
}
.insta_contents ul.insta_photo_slide li img {
  object-fit: cover;
}
.insta_contents{
	margin: 50px 0 100px 0;
}
.insta_contents .insta_button .top_insta_link:hover{
	opacity: 0.7;
}

@media only screen and (max-width: 990px) {
	.sp_only {
		display: block;
	}
	.sns_txt , .online_shop_button{
		display: none;
	}
	 .online_shop_button-sp{
		display: block;
	}
	.top_button_sp {
    position: fixed;
    z-index: 98;
    right: 0;
    bottom: 0;
    width: 100%;
  }
	.col-md-12 .feature-1 h2 img {
		width: 271px;
	}
	.col-md-12 .feature-1 h2 img.flower {
		width: 50px;
		top: -20px;
	}
	.feature-content img {
		width: 40.5px;
		top: -10px;
		right: 185px;
	}
	.col-md-12 {
		margin-top: 15px;
	}
	.col-md-12 .feature-1 {
		margin-top: 70px;
	}
	.feature-1 .feature-content{
		width: 100%;
	}
	.feature-1 .feature-content p {
		margin-top: 0;
		line-height: 2.4em;
		font-size: 12px;
		margin-bottom: 20px;
	}
	.features-list .pc_only_br {
		display: block;
		content: "";
		margin: 20px 0;
	}
	.about-wrap .about_txt p {
		font-size: 12px;
		line-height: 2.4em;
	}
	.top_button_sp .online_shop_button_wrap .online_shop_button-sp {
		display: block;
		width: calc(100% - 30px);
		height: 62px;
		margin: 5px auto;
		background-color: #F4ADAD;
		border-radius: 10px;
		text-align: center;
		position: relative;
		padding: 16px;
	}
	.top_button_sp .online_shop_button_wrap .online_shop_button-sp::after {
		content:"";
		display: inline-block;
		background-image: url(../img/online_shop_logo.svg);
		background-size: 45px;
		position: absolute;
		top: 8px;
		right: 14px;
		width: 45px;
		height: 43px;
		mix-blend-mode: screen;
		opacity: 1.34;
	}
	.nav_sns a{
		margin: 10px;
	}
	.nav_sns{
		/*margin-top: 25px;*/
	}
}
@media only screen and (max-width: 680px) {
	.feature-content img {
		width: 40.5px;
		top: -22px;
		right: 12px;
	}
	}
/*//refurbishment*/

/* おしながきの関連商品 */
.relating-product-wrapper {
  padding: 25px 0 35px;
  border-top: 1px solid #BCA78E;
  border-bottom: 1px solid #BCA78E;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.relating-product-wrapper .relating-product-list {
  max-width: 170px;
  margin-right: 47px;
}
.relating-product-wrapper .relating-product-list:last-child {
  margin-right: 0;
}
.relating-product-wrapper p {
  margin: 0;
}
.relating-product-wrapper .relating-product-img {
  margin-bottom: 10px;
  overflow: hidden;
}
.relating-product-wrapper .relating-product-img img {
  max-width: 100%;
  height: auto;
  transition: all 300ms ease-in-out;
}
.relating-product-wrapper .relating-product-img:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.relating-product-wrapper .relating-product-title {
  font-family: "Noto Serif JP", "EB Garamond", "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 176%;
  text-align: center;
  color: #333333;
}
.relating-product-wrapper .relating-product-detail {
  font-family: "游明朝体", "Noto Serif JP", "EB Garamond", "Yu Mincho", YuMincho, "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 183%;
  text-align: center;
  color: #333333;
}
.relating-product-wrapper .bx-wrapper .bx-controls-direction a.bx-prev,
.bx-wrapper .bx-controls-direction a.bx-next {
  background-color: none;
}
.relating-product-wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -5%;
  background: url(../img/lineup-prev.svg) no-repeat center / 100%;
  width: 15.5px;
  height: 31px;
}
.relating-product-wrapper .bx-wrapper .bx-controls-direction a.bx-next {
  right: -5%;
  background: url(../img/lineup-next.svg) no-repeat center / 100%;
  width: 15.5px;
  height: 31px;
}

@media screen and (max-width: 1280px) {
  .relating-product-wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -2%;
  }
  .relating-product-wrapper .bx-wrapper .bx-controls-direction a.bx-next {
    right: -2%;
  }
  .relating-product-wrapper .relating-product-list {
    margin-right: 20px !important;
  }
}

@media screen and (max-width: 1024px) {
  .relating-product-wrapper .relating-product-list {
    margin-right: 10px !important;
  }
}
/* /おしながきの関連商品 */



/* スマホの時だけ改行させるクラス */
	.br-sp {
	    display: none;
	}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
    
    
/* PCの時だけ改行させるクラス */
    .br-pc {
	    display: block;
	}

@media (max-width: 600px) {
    .br-pc {
        display: none;
    }
}