html {
  min-height: 100%;
  position: relative;
}
body {
  font-family: Verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin-bottom: 120px;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  body {
    margin-bottom: 160px!important;
  }
}
.modal-body{
  max-height: calc(100vh - 220px);
  overflow-y: auto;
}
.dropdown:hover > .dropdown-menu{
  display: block;
}
label.checkbox-inline {
  margin-left: 0!important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-group legend,
.form-group legend {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.form-group fieldset,
.form-group fieldset {
  margin-bottom: 5px;
}
.form-group .form-control.form-error,
.form-group .form-control.is-invalid {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form-group .help-block.text-danger {
  color: #a94442;
}
.form-control::-moz-placeholder {
  color: #cfcfcf;
  font-weight: normal;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #cfcfcf;
  font-weight: normal;
}
.form-control::-webkit-input-placeholder {
  color: #cfcfcf;
  font-weight: normal;
}
input.form-control,
select.form-control {
  color: #000!important;
  font-weight: bold!important;
}
.item_list{
  border-radius: 5px;
  margin-bottom: 5px!important;
  padding: 0 0 5px 32px;
  width: 32%;
}
.item_list_li{
  width: 32%;
  list-style-type: none;
  display: inline-block;
  position: relative;
}
.item_list_li span{
  color: #d9534f;
  display: inline-block;
  position: absolute;
  left: -8px;
  top: 9px;
}
.item_list_link{
  display: inline-block;
  margin-bottom: 10px!important;
  padding: 5px 8px;
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item_checked{
  background: #99cc00;
}
.category_list{
  width: 32%;
}
.view-inline {
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
  vertical-align: middle;
}
.item-sort-list {
  display: inline-block;
  margin-left: 0px;
  margin-right: 20px;
  text-align: center;
  width: 30%;
}
.item-sort-list button{
  background: #7db72f;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  width: 100%;
}
.sortable-chosen button {
  color: #fff;
  background-color: #3c763d;
}
.open_radio{
  padding-left: 0px;
  padding-right: 15px;
}
/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}

.bg-gray {
  background-color: #eaeaec !important;
}

.bg-black {
  background-color: #222222 !important;
}

.bg-red {
  background-color: #f56954 !important;
}

.bg-yellow {
  background-color: #f39c12 !important;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.bg-light-blue {
  background-color: #3c8dbc !important;
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #932ab6 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

.bg-hex {
  background-color: #29A69C !important;
}

/* Text colors */
.text-red {
  color: #f56954 !important;
}

.text-yellow {
  color: #f39c12 !important;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-blue {
  color: #0073b7 !important;
}

.text-light-blue {
  color: #3c8dbc !important;
}

.text-green {
  color: #00a65a !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-teal {
  color: #39cccc !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-orange {
  color: #ff851b !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-purple {
  color: #932ab6 !important;
}

.text-maroon {
  color: #85144b !important;
}
form .badge {
  font-size: 11px;
}

.footer {
  background-color: #cab859;
  bottom: 0;
  color: #FFF;
  xheight: 60px;
  padding-top: 20px;
  position: absolute;
  width: 100%;
}
.footer a {
  color: #FFF;
  decoration: none;
}
.footer a:hover {
  color: #FFF;
  text-decoration: none;
}
.footer .row {
  margin-bottom: 10px;
}
.footer_fix_bar{
  height: 55px;
  min-height: 55px;
  padding: 10px 0;
}

#pagetopbtn {
  bottom: 20px;
  display: none;
  position: fixed;
  right: 30px;
  z-index: 9999;
}

.btn-opm {
  color: #fff;
  background-color: #cab859;
  border-color: #9E8E45;
}
.btn-opm:focus,
.btn-opm.focus {
  color: #fff;
  background-color: #9E8E45;
  border-color: #7B6F35;
}
.btn-opm:hover {
  color: #fff;
  background-color: #9E8E45;
  border-color: #7B6F35;
}
.btn-opm:active,
.btn-opm.active,
.open > .dropdown-toggle.btn-opm {
  color: #fff;
  background-color: #9E8E45;
  border-color: #7B6F35;
}
.btn-opm:active:hover,
.btn-opm.active:hover,
.open > .dropdown-toggle.btn-opm:hover,
.btn-opm:active:focus,
.btn-opm.active:focus,
.open > .dropdown-toggle.btn-opm:focus,
.btn-opm:active.focus,
.btn-opm.active.focus,
.open > .dropdown-toggle.btn-opm.focus {
  color: #fff;
  background-color: #7B6F35;
  border-color: #504823;
}
.btn-opm:active,
.btn-opm.active,
.open > .dropdown-toggle.btn-opm {
  background-image: none;
}
.btn-opm.disabled:hover,
.btn-opm[disabled]:hover,
fieldset[disabled] .btn-opm:hover,
.btn-opm.disabled:focus,
.btn-opm[disabled]:focus,
fieldset[disabled] .btn-opm:focus,
.btn-opm.disabled.focus,
.btn-opm[disabled].focus,
fieldset[disabled] .btn-opm.focus {
  background-color: #cab859;
  border-color: #9E8E45;
}
.btn-opm .badge {
  color: #cab859;
  background-color: #fff;
}

@media print,screen and (min-width: 768px) {
  .sp_only {
    display: none!important;
    visibility: hidden!important;
  }
}

@media print,screen and (max-width: 768px) {
  .pc_only {
    display: none!important;
    visibility: hidden!important;
  }
}

.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color: #cab859;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #cab859;
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}

.item-logo {
  background-color: #cab859;
  padding: 8px 0;
}
.item-logo img {
  max-width: 100%;
}
.item-headline {
  color: #CCCC00;
}
.main-gallery img {
  width: 100%;
}
.main-gallery {
  margin-bottom: 30px;
}
@media print,screen and (min-width: 768px) {
  .item-message {
    font-size: 16px;
  }
  .main-gallery {
    margin: 0 auto 30px;
    width: 600px;
  }
}
.item-set-detail {
  margin-bottom: 20px;
}
.item-set-detail .price {
  font-size: 18px;
  font-weight: bold;
}
.item-voice {
  margin-bottom: 20px;
}
.item-voice .voice-box {
  margin-bottom: 20px;
}
.item-voice .voice-person {
  margin-bottom: 10px;
}
.item-voice .voice-person img {
  width: 100%;
}
.item-voice .voice-content {
  border-style: solid;
  border-width: 3px;
  border-radius: 5px;
  background-color: #FFFDF6;
  padding: 15px;
  position: relative;
}
.item-voice .voice-content span {
  font-weight: bold;
}
.item-voice .voice-content:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 25%;
  margin-left: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #fffdf6 transparent;
  z-index: 1;
}
.item-voice .voice-content:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 25%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  z-index: 0;
}
.item-voice .person1 .voice-content {
  border-color: #009999;
}
.item-voice .person1 .voice-content:after {
  border-color: transparent transparent #009999 transparent;
}
.item-voice .person1 .voice-content span {
  color: #009999;
}
.item-voice .person2 .voice-content {
  border-color: #70AD47;
}
.item-voice .person2 .voice-content:after {
  border-color: transparent transparent #70AD47 transparent;
}
.item-voice .person2 .voice-content span {
  color: #70AD47;
}
.item-voice .person3 .voice-content {
  border-color: #7030A0;
}
.item-voice .person3 .voice-content:after {
  border-color: transparent transparent #7030A0 transparent;
}
.item-voice .person3 .voice-content span {
  color: #7030A0;
}
.item-voice .person4 .voice-content {
  border-color: #C00000;
}
.item-voice .person4 .voice-content:after {
  border-color: transparent transparent #C00000 transparent;
}
.item-voice .person4 .voice-content span {
  color: #C00000;
}
.item-voice .person5 .voice-content {
  border-color: #FF9900;
}
.item-voice .person5 .voice-content:after {
  border-color: transparent transparent #FF9900 transparent;
}
.item-voice .person5 .voice-content span {
  color: #FF9900;
}
.item-weve img {
  width: 100%;
}

.item-headnews {
  border: 2px #FF0000 solid;
  border-radius: 8px;
  margin-top: 8px;
  padding: 8px;
}
.item-headnews h3 {
  color: #FF0000;
}
.item-headnews span {
  font-size: 16px;
  font-weight: bold;
}



/* 打ち消し
-------------------------------------- */
body {
  margin-bottom: 0!important;
  font-size: 14px;
}


body {
  font-family: "Sawarabi Mincho";}

p {
  margin: 0;
}

p + p {
  margin-top: 1em;
}
ol,ul,dl {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  list-style: none;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

a:hover img {
  opacity: 0.8;
  /*alpha*/
  -moz-opacity: 0.8;
  /*firefox*/
  filter: alpha(opacity=80);
  /*IE*/ }



/* Bootstrap余白変更スタイル
-------------------------------------- */
.row-0 {
    margin-left:0px;
    margin-right:0px;
}
.row-0 > * {
      padding-right:0px;
      padding-left:0px;
}
.mgt30 { margin-top:30px;}

/* Bootstrap追加
-------------------------------------- */
.img-responsive {
  margin: 0 auto;
}



#header {
  position: relative;
}

#header::before, #header::after {
  content: "";
  display: block;
  padding-top: 30px;
  background-image: url(../img/bk_green.png);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 600px 600px;
}
#header-under {
  background-image: url(../img/bk_green.png);
  background-size: 600px 600px;
  padding:10px 15px;
  text-align: center;
  margin-bottom:40px;
}
#header-under .cover {
  display: inline-block;
  background-color: rgba(250,244,247,.8);
  border-radius: 10px;
  padding:10px;
}
#header-under .cover #header-logo {
  margin:0 auto;
}
#header-under .cover #header-logo img {
  width:120px;
}

.parallax-window {
  height: calc( 100vh - 60px );
  min-height: 580px;
  background: transparent;
}

.parallax-slider {
  top: 0;
  left: 0;
}

#content {
  background: #FFF;
}


#keyvisual-box {
  width: 100%;
  padding: 0 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


#keyvisual-box .cover {
  max-width: 360px;
  padding-top: 40px;
  padding-bottom: 25px;
  background-color: rgba(250,244,247,.8);
  border-radius: 10px;
  max-width: 360px;
  margin:0 auto;
}


/* IEカクツキ解除ハック */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    html{
        overflow-x: hidden;
        height: 100%;
    }
    body{
        overflow: auto;
        height: 100%;
    }
}

#header-logo {
  margin: 0 auto 20px;
}

#header-logo img{
  width: 200px;
}

#header-img {
  margin: 10px auto 20px;
}
@media (min-width: 768px) {
  #header-img {
    margin: 15px auto;
  }
}


#philosophy {
  padding-top: 40px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  #philosophy {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  #philosophy {
   padding-bottom: 0;
  }
}

#promise {
  background: url(../img/opm/item/bk_pink.png) repeat;
  padding-top: 20px;
  padding-bottom: 20px;
  background-size: 600px 600px;
}

#item {
  padding-top: 20px;
  padding-bottom: 10px;
}

@media (min-width: 480px) {
  #item {
    padding-top: 85px;
    padding-bottom: 60px;
  }
}

#set {
  background: url(../img/opm/item/bk_pink.png) repeat;
  padding-top: 20px;
  padding-bottom: 25px;
  background-size: 600px 600px;
}
@media (min-width: 480px) {
  #set {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

#howto {
  padding-top: 20px;
  padding-bottom: 0;
}
@media (min-width: 480px) {
  #howto {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

#voice {
  background: url(../img/opm/item/bk_pink.png) repeat;
  padding-top: 20px;
  padding-bottom: 25px;
  background-size: 600px 600px;
}
@media (min-width: 480px) {
#voice {
  padding-top: 30px;
  padding-bottom: 68px;
}
}

/* テキスト
-------------------------------------- */
.text-pale {
  color: #929292;
}

.text-note {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .text-note {
    margin-bottom: 10px;
  }
}
/* タイトル
----------------------------------------------- */
.title {
  margin-bottom: 15px;
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .title {
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
  }
}

.p0 {
  padding-right: 0;
  padding-left: 0;
}

.title-philosophy, .title-promise, .title-set, .title-howto {
  max-width: 457px;
  width: 100%;
}

.title-voice {
  max-width: 360px;
  width: 100%;
}

.title-setbasic, .title-setfamily, .title-setoption{
  max-width: 320px;
  width: 100%;
}

/* .title-philosophy, .title-promise, .title-set, .title-howto {
  width: 457px;
}

.title-voice {
  width: 360px;
}

.title-setbasic, .title-setfamily, .title-setoption{
  width: 320px;
} */

.btn-fb {
  width: 360px;
}

.btn-order {
  width: 555px;
}

/* リンク
----------------------------------------------- */
.link-underline {
  text-decoration: underline;
}

/* ボタン
----------------------------------------------- */
.btn-purple {
  text-decoration:none;
  background-color: #6B1C49;
  color: #FFF;
  border-color: #6B1C49;
  width: 180px;
  height: 43px;
  padding: 0;
  line-height: 43px;
  text-align: center;
}

.btn-purple:hover,
.btn-purple:focus {
  color: #FFF;
  background-color: rgba(107,28,73,.8);
}

.btn-set {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-set li {
  align-self: center;
  margin-bottom: 15px;
}

.btn-set li:last-child {
  margin-bottom: 25px;
}

@media (min-width: 480px) {
  .btn-set {
    margin-top: 0;
    flex-direction: row;
    margin-bottom: 20px;
  }
  .btn-set li {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .btn-set li:nth-of-type(n+2) {
    margin-bottom: 0;
  }
}

.btn-fb {
  margin-bottom: 10px;
  width: 240px;

}
@media (min-width: 480px) {
  .btn-fb {
  width: 360px;
  margin-bottom: 20px;
  }
}

/* ナビ
----------------------------------------------- */
#footer-nav a {
  display: inline-block;
  text-align: center;
  color: #252525;
  padding: .5em;
  text-decoration: underline;
}
#footer-nav a::before {
  content: "";
  text-decoration: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../img/opm/item/icon-arrow.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}



/* スライダー
----------------------------------------------- */
@media (min-width: 768px) {
  .main-gallery {
    margin: 0 auto 30px;
    width: auto;
  }
}


/* footer
========================================================= */
/* 画像
----------------------------------------------- */
.img-p-mark {
  width: 60px;
  height: 60px;
  margin: 30px auto 20px;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .img-p-mark {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.text-pmark {
  font-size: 14px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .text-pmark {
    margin-bottom: 0;
  }
}

.text-pmark span {
  display: block;
}
@media (min-width: 768px) {
  .text-pmark span {
    display: inline;
  }
}

#footer {
  background: #FFF;
}

/* footer-panel
========================================================= */
.footer-panel {
  padding: 40px 25px 30px;
  background-color: rgba(250,244,247,.8);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 992px) {
.footer-panel {
  padding: 20px 25px 20px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
}

/* footer-logo
========================================================= */
#footer-logo {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  #footer-logo {
    margin-bottom: 0;
  }
}

#footer-logo img{
  width: 200px;
}
@media (min-width: 768px) {
  #footer-logo img{
    width: 145px;
  }
}

/* footer-head
========================================================= */
.footer-head {
  background: url(../img/bk_green.png) repeat;
  padding-top: 60px;
  padding-bottom: 60px;
  background-size: 600px 600px;
}

/* footer-body
========================================================= */
.footer-body {
  background: #C3CDB2;
  height: 100px;
}
@media (min-width: 768px) {
  .footer-body {
    line-height: 60px;
  }
}

.img-tell, .img-mail {
  width: 295px;
}

/* footer-foot
========================================================= */
.footer-foot {
  background: #252525;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 2.4;
}

/* footer-nav
========================================================= */
#footer-nav {
  width: auto;
}
@media (min-width: 480px) {
  #footer-nav {
    width: 406px;
  }
}

#footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100px;
}
@media (min-width: 768px) {
  #footer-nav ul {
    display: flex;
    justify-content: space-between;
  }
}

#pagetopbtn {
  background-image: url(../img/item_badge.png);
  background-size:contain;
  bottom: 20px;
  right: 15px;
  height: 60px;
  width: 60px;
  text-indent: -9999px;
}
#pagetopbtn:hover {
  background-image: url(../img/item_badge_on.png);
}


/* philosophy
========================================================= */
/* 画像
----------------------------------------------- */
.img-philosophy {
  width: 555px;
}

.img-philosophy {
  padding-top: 30px;
}
@media (min-width: 992px) {
  .img-philosophy {
    padding-top: 0;
  }
}

#philosophy p {
  font-size: 16px;
  line-height: 1.5;
}


/* promise
========================================================= */
.ol-promise {
  margin-top: 25px;

  flex-wrap: wrap;
  display: flex;
  flex-direction: column;

}
@media (min-width: 480px) {
  .ol-promise {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .ol-promise {
  display: flex;
  flex-direction: row;
  }
}

.ol-promise li {
  margin-bottom: 20px;
}

.ol-promise li:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .ol-promise li {
    margin-bottom: 40px;
  }
  .ol-promise li:nth-of-type(n+5) {
    margin-bottom: 40px;
  }
}

.ol-promise li:last-child .panel-promise {
  padding: 10px;
}

.dl-promise dt {
  font-size: 17px;
  color: #6B1C49;
  margin-bottom: 15px;
}
.dl-promise dd {
  font-size: 14px;
  line-height: 2;
}



.panel-promise {
  background: #FFF;
  border: solid 1px #F5E6E6;
  border-radius: 10px;
  position: relative;
  padding: 25px 20px 20px;
  height: 100%;
  width: 100%;
}




.panel-promise p {
  font-size: 14px;
  line-height: 1.8;
}

.number-promise {
  position: absolute;
  left: 10px;
  top: -21px;
}

.number-promise img {
  width: 42px
}

.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

/* item
========================================================= */
/* table
----------------------------------------------- */
.table-bordered.item {
  border: none;
  margin-top: 60px;
}
@media (min-width: 992px) {
  .table-bordered.item {
    margin-top: 0;
  }
}
.table-bordered.item > tbody > tr > th {
  border: 1px solid #FFF;
  background: #F5E6E6;
  color: #6B1C49;
  font-size: 16px;
  line-height: 1.5;
}

.table-bordered.item > tbody  >tr > td {
  border: 1px solid #FFF;
  background: rgba(245,230,230,.3);
  font-size: 14px;
  line-height: 2;
}

.table-bordered.item > tbody > tr > th,td {
  width: 100%;
  display: block;
}
@media (min-width: 480px) {
  .table-bordered.item > tbody > tr > th,td {
    width: auto;
    display: table-cell;
  }
}
/* タイトル
----------------------------------------------- */
.title-item {
  color: #E6600E;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 14px;
}

.title-item::before {
  content: "";
  text-decoration: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../img/opm/item/icon-attention.png);
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px;
}


/* テキスト
----------------------------------------------- */
.text-item {
  font-size: 14px;
}


/* set
========================================================= */
.ul-set li {
  margin-bottom: 30px;
}

.ul-set {
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ul-set {
  display: flex;
  flex-direction: row;
  }
}

.panel-set {
  background: #FFF;
  border: solid 1px #F5E6E6;
  border-radius: 10px;
  position: relative;
  padding-top: 20px;

  height: 100%;
}

.title-panel {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 30px;
}

.panel-set p {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .panel-set p {
    margin-bottom: 15px;
  }
}


.text-set {
  background:rgba(245,230,230,0.3);
  line-height: 60px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .panel-set.bottom .text-set {
    margin-left: -20px;
    margin-bottom: 20px;
    max-width: 360px;
  }
}

.text-set strong {
  font-size: 36px;
  vertical-align: middle;
}

/* howto
========================================================= */
#howto .row-0 img:first-child {
  padding-top: 10px;
}
@media (min-width: 480px) {
  #howto .row-0 img:first-child {
    padding-top: 0;
  }
}
/* 画像
----------------------------------------------- */
/*   .howto-item1, .howto-item2 {
  max-width: 320px;
}
 */
/* .howto-item1, .howto-item2 {
  width: 320px;
} */

/* voice
========================================================= */
.ul-voice {
  margin-top: 30px;
}
@media (min-width: 480px) {
  .ul-voice {
    margin-top: 0;
  }
}

.ul-voice li {
  margin-bottom: 30px;
}
.ul-voice li:last-child {
  margin-bottom: 50px;
}
.voice-label {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 2px 14px;
  position: absolute;
  right: -1px;
  top: -1px;
  background: #eee;
  color: #FFF;
  border: solid 1px #F5E6E6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.voice-label.pink {
  background: #E49393;
}

.voice-label.orange {
  background: #DA9E51;
}

.voice-label.green {
  background: #6A99AB;
}

.voice-img {
  max-width: 100%;
  width: 240px;
  display: block;
  margin: 25px auto 20px;
}
@media (min-width: 480px) {
  .voice-img {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 0;
  }
}

mark {
  background:linear-gradient(rgba(0, 0, 0, 0) 40%, #e2dfaa 0%);
  padding:0;
}

/* 画像
----------------------------------------------- */
.voice-img01 {
  width: 240px;
}
.voice-img02 {
  width: 190px;
}
.voice-img03 {
  width: 160px;
}
.voice-img04 {
  width: 200px;
}
.voice-img05 {
  width: 160px;
}
.voice-img06 {
  max-width: 100%;
  width: 300px;
}
/* タイトル
----------------------------------------------- */
.title-voice {
  color: #6B1C49;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* システム追加
----------------------------------------------- */
.items-annotation {
  padding-left: 5em;
  text-indent: -4em;
  line-height: 1.4em;
}