@charset "UTF-8";

@-webkit-keyframes key-fade { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }
@keyframes key-fade { 0% { display: none;
    opacity: 0; }
  1% { display: block;
    opacity: 0; }
  100% { display: block;
    opacity: 1; } }

/* key-zoom
---------------------------------------------------------- */
@-webkit-keyframes key-zoom { 0% { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }
@keyframes key-zoom { 0% { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

/* key-shake
---------------------------------------------------------- */
@-webkit-keyframes key-shake { 0% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  60% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  90% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  96% { opacity: 1;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg); }
  98% { opacity: 1;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }
  100% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
@keyframes key-shake { 0% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  60% { opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  90% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  96% { opacity: 1;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg); }
  98% { opacity: 1;
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg); }
  100% { opacity: 1;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/* key-zoom
---------------------------------------------------------- */
@keyframes key-zoom { 0% { opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  50% { opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% { opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); } }

/* ========================================================== reseting ========================================================== */
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption { margin: 0; padding: 0; }

main, article, aside, figure, figcaption, footer, header, nav, section { display: block; }

input, textarea { margin: 0; font-size: inherit; }

input, textarea, select, option, optgroup { font-family: inherit; font-style: normal; }

textarea { height: auto; resize: none; }

button { display: inline-block; padding: 0; border: none; overflow: visible; vertical-align: top; font-family: inherit; background: none; color: inherit; font-size: 100%; opacity: 1; cursor: pointer; text-transform: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

label { cursor: pointer; }

label img { pointer-events: none; }

table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; font-size: inherit; }

th, td { vertical-align: top; }

fieldset, img { border: 0; }

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

address, caption, code, em, th { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6, strong, em { font-size: 100%; font-weight: normal; }

em { font-style: normal; }

b, strong { font-weight: bold; }

sup { vertical-align: top; }

sub { vertical-align: baseline; }

br { font-size: 0; line-height: 0; }

i { display: inline-block; vertical-align: middle; font-style: normal; }

hr { display: block; height: 0; border: none; margin: 0; }

*, *:before, *:after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* ==========================================================
 setting
========================================================== */
/* base
---------------------------------------------------------- */
html { overflow-y: scroll; }

body { overflow: hidden; position: relative; line-height: 1.86; font-size: 14px; background-color: #fff; color: #404040; word-wrap: break-word; overflow-wrap: break-word; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

@media screen and (max-width: 767px) { body { line-height: 1.69; font-size: 15px; } }

/* link
---------------------------------------------------------- */
a { color: #404040; text-decoration: underline; opacity: 1; }

a:hover, button:hover { opacity: 0.75; }

a[href^="tel"] { pointer-events: none; cursor: default; color: inherit; text-decoration: none; }

a[href^="tel"]:hover { opacity: 1; }

@media screen and (max-width: 1024px) { a[href^="tel"] { pointer-events: auto; cursor: pointer; } }

/* table
---------------------------------------------------------- */
table { width: 100%; height: 100%; border-collapse: separate; }

/* select
---------------------------------------------------------- */
select::-ms-expand { display: none; }

/* ==========================================================
 mod-infomation-line
========================================================== */
.mod-infomation-line { margin: 10px -15px 0; overflow: hidden; }

.mod-infomation-line .item { padding: 0 15px; }

.mod-infomation-line .item:nth-child(n+3) { margin-top: 30px; }

.mod-infomation-line .item a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; width: 100%; }

.mod-infomation-line .text-wrap { margin-right: 25px; width:175px; }

.mod-infomation-line .text-wrap .title { font-size: 23px; padding-right: 22px; line-height: 1.2; margin-bottom: 8px; display: inline-block; position: relative; }

.mod-infomation-line .text-wrap .title:after { content: ''; position: absolute; top: 4px; right: -5px; bottom: 0; margin: auto; display: inline-block; background-image:  url(../../img/sprite.png); background-position: 0px -536px; width: 16px; height: 14px; background-image: url(../../img/sprite.png); }

.mod-infomation-line .text-wrap .headimage { margin-bottom: 15px; }

.mod-infomation-line .text-wrap .headtitle { font-size: 19px; padding-right: 20px; line-height: 1.2; margin-bottom: 8px; display: inline-block; position: relative; }

.mod-infomation-line .text-wrap .headtitle:after { content: ''; position: absolute; top: 2px; right: -5px; bottom: 0; margin: auto; display: inline-block; background-image:  url(../../img/sprite.png); background-position: 0 -536px; width: 16px; height: 14px; background-image: url(../../img/sprite.png); }



.mod-infomation-line figure.fig { max-width:312px; }





@media screen and (max-width: 767px) { .mod-infomation-line { margin: 10px 0 0; }
  .mod-infomation-line .item { padding: 0; border-top: 1px solid #ccc; }
  .mod-infomation-line .item:last-child { border-bottom: 1px solid #ccc; }
  .mod-infomation-line .item:nth-child(n+3) { margin-top: 0; }
  .mod-infomation-line .item a { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 10px 0; }
  .mod-infomation-line .text-wrap { width: 100%; margin-right: 0; margin-left: 10px; }
  .mod-infomation-line .text-wrap .title { font-size: 14px; padding-right: 0; margin-bottom: 4px; }
  .mod-infomation-line .text-wrap .title:after { content: normal; }
  .mod-infomation-line .text-wrap .text { font-size: 12px; }
  .mod-infomation-line .text-wrap .headimage { display: none; }
  .mod-infomation-line .text-wrap .headtitle { font-size: 13px; padding-right: 0; }
  .mod-infomation-line .text-wrap .headtitle:after { content: normal; }
  .mod-infomation-line .fig { width: 92px; } }








/* ==========================================================
 mod-infomation-product
========================================================== */
.mod-infomation-product { margin: 10px -30px 0px; overflow: hidden; }

.mod-infomation-product .col { float: left; width: 33.3%; padding: 0 30px; }

.mod-infomation-product .col a { display: inline-block; width: 100%; font-size: 18px; font-weight: bold; text-decoration: none; }

.mod-infomation-product .col .fig { display: table-cell; width: 50%; vertical-align: middle; }

.mod-infomation-product .col .text-wrap { display: table-cell; vertical-align: middle; padding-left: 16px; }

.mod-infomation-product .col .text-wrap .title { padding-right: 30px; display: inline-block; position: relative; }

.mod-infomation-product .col .text-wrap .title:after { content: ''; position: absolute; top: 2px; right: 0; bottom: 0; margin: auto; display: inline-block; background-image:  url(../../img/sprite.png); background-position: 0px -536px; width: 16px; height: 14px; background-image: url(../../img/sprite.png); }

h1.ttl-cmn-01.s-ico-ir:after{
    background-image: url(../../img/sprite.png);
    background-position: 0px -7655px;
    width: 33px;
    height: 36px;
    top: 4px;
}


@media screen and (max-width: 767px) { .mod-infomation-product { margin: 10px 0 0; }
  .mod-infomation-product .col { float: none; width: 100%; padding: 0; border-top: 1px solid #ccc; }
  .mod-infomation-product .col:last-child { border-bottom: 1px solid #ccc; }
  .mod-infomation-product .col a { display: table; font-size: 13px; padding: 10px 0; width: 100%; }
  .mod-infomation-product .col .fig { width: 84px; }
  .mod-infomation-product .col .text-wrap { padding-left: 20px; }
  .mod-infomation-product .col .text-wrap .title { padding-right: 30px; display: inline-block; position: relative; }
  .mod-infomation-product .col .text-wrap .title:after { content: normal; }

  h1.ttl-cmn-01.s-ico-ir:after{ background: none; }
  h1.ttl-product:before{
  content: '';
  background: url(../product-kinoko/img/ico_kinoko.png) no-repeat center center;
  background-size: 16px 18px;
  width: 16px;
  height: 18px;
  position: absolute;
  display: block;
  left: 12px;
  top: 3px;
}

}

.s-only-sp{ display: none;}

@media screen and (max-width: 767px) {.s-only-sp{ display: block;} }


@media screen and (max-width: 767px) {
.kinokolist h2.ttl-cmn-02{
    margin-bottom: 0;

}
    .kinokolist .mod-infomation-line .item:first-child {border-top: 0 none; }


}