/* ---------------------------------------------------------
FRAMEWORK
----------------------------------------------------------*/

/* 非表示 */
.d-n{
  display: none;
}

/* フォントサイズ */
.xxl{font-size: 20px;line-height: 27px;}
.xl{font-size: 18px;line-height: 25.2px;}
.l{font-size: 16px;line-height: 23.2px;}
.m{font-size: 14px;line-height: 21px;}
.s{font-size: 12px;line-height: 18.6px;}
.xs{font-size: 10px;line-height: 16px;}
@media screen and (max-width: 640px) {
.xxl{font-size: 18px;line-height: 25.2px;}
.xl{font-size: 16px;line-height: 23.2px;}
.l{font-size: 14px;line-height: 21px;}
}

/* フォントカラー */
.c-wh{color: #fff;}
.c-bk{color: #333;}
.c-gy{color: #999;}
.c-mfa-pl{color: #50388c;}
.c-mfa-bk{color: #3d3d3b;}

/* 背景色 */
.bgc-logo{background-color: #50388c;}
.bgc-wh{background-color: #fff;}
.bgc-bk{background-color: #333;}
.bgc-lgy{background-color: #f0f0f0;}

/* テキスト */
.ta-c{text-align: center;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}
@media screen and (min-width: 1001px){
  .ta-pc-c{text-align: center;}
  .ta-pc-l{text-align: left;}
  .ta-pc-r{text-align: right;}
}
@media screen and (max-width:1000px) and (min-width:641px){
  .ta-tb-c{text-align: center;}
  .ta-tb-l{text-align: left;}
  .ta-tb-r{text-align: right;}
}
@media screen and (max-width: 640px){ 
  .ta-tb-c{text-align: center;}
  .ta-tb-l{text-align: left;}
  .ta-tb-r{text-align: right;}
}

/* 余白 */
.p-2{padding: 2px;box-sizing: border-box;}
.p-6{padding: 6px;box-sizing: border-box;}
.p-10{padding: 10px;box-sizing: border-box;}
.p-20{padding: 20px;box-sizing: border-box;}
.p-30{padding: 30px;box-sizing: border-box;}
.p-40{padding: 40px;box-sizing: border-box;}
.pt-10{padding-top: 10px;box-sizing: border-box;}
.pt-20{padding-top: 20px;box-sizing: border-box;}
.pt-30{padding-top: 30px;box-sizing: border-box;}
.pt-40{padding-top: 40px;box-sizing: border-box;}
.pr-10{padding-right: 10px;box-sizing: border-box;}
.pr-20{padding-right: 20px;box-sizing: border-box;}
.pr-30{padding-right: 30px;box-sizing: border-box;}
.pr-40{padding-right: 40px;box-sizing: border-box;}
.pb-10{padding-bottom: 10px;box-sizing: border-box;}
.pb-20{padding-bottom: 20px;box-sizing: border-box;}
.pb-30{padding-bottom: 30px;box-sizing: border-box;}
.pb-40{padding-bottom: 40px;box-sizing: border-box;}
.pl-10{padding-left: 10px;box-sizing: border-box;}
.pl-20{padding-left: 20px;box-sizing: border-box;}
.pl-30{padding-left: 30px;box-sizing: border-box;}
.pl-40{padding-left: 40px;box-sizing: border-box;}
@media screen and (min-width: 1001px){
  .pt-pc-10{padding-top: 10px;box-sizing: border-box;}
  .pt-pc-20{padding-top: 20px;box-sizing: border-box;}
  .pt-pc-30{padding-top: 30px;box-sizing: border-box;}
  .pt-pc-40{padding-top: 40px;box-sizing: border-box;}
  .pr-pc-10{padding-right: 10px;box-sizing: border-box;}
  .pr-pc-20{padding-right: 20px;box-sizing: border-box;}
  .pr-pc-30{padding-right: 30px;box-sizing: border-box;}
  .pr-pc-40{padding-right: 40px;box-sizing: border-box;}
  .pb-pc-10{padding-bottom: 10px;box-sizing: border-box;}
  .pb-pc-20{padding-bottom: 20px;box-sizing: border-box;}
  .pb-pc-30{padding-bottom: 30px;box-sizing: border-box;}
  .pb-pc-40{padding-bottom: 40px;box-sizing: border-box;}
  .pl-pc-10{padding-left: 10px;box-sizing: border-box;}
  .pl-pc-20{padding-left: 20px;box-sizing: border-box;}
  .pl-pc-30{padding-left: 30px;box-sizing: border-box;}
  .pl-pc-40{padding-left: 40px;box-sizing: border-box;}
}
@media screen and (max-width:1000px) and (min-width:641px) {
  .pt-tb-10{padding-top: 10px;box-sizing: border-box;}
  .pt-tb-20{padding-top: 20px;box-sizing: border-box;}
  .pt-tb-30{padding-top: 30px;box-sizing: border-box;}
  .pt-tb-40{padding-top: 40px;box-sizing: border-box;}
  .pr-tb-10{padding-right: 10px;box-sizing: border-box;}
  .pr-tb-20{padding-right: 20px;box-sizing: border-box;}
  .pr-tb-30{padding-right: 30px;box-sizing: border-box;}
  .pr-tb-40{padding-right: 40px;box-sizing: border-box;}
  .pb-tb-10{padding-bottom: 10px;box-sizing: border-box;}
  .pb-tb-20{padding-bottom: 20px;box-sizing: border-box;}
  .pb-tb-30{padding-bottom: 30px;box-sizing: border-box;}
  .pb-tb-40{padding-bottom: 40px;box-sizing: border-box;}
  .pl-tb-10{padding-left: 10px;box-sizing: border-box;}
  .pl-tb-20{padding-left: 20px;box-sizing: border-box;}
  .pl-tb-30{padding-left: 30px;box-sizing: border-box;}
  .pl-tb-40{padding-left: 40px;box-sizing: border-box;}
}
@media screen and (max-width: 640px) {
  .pt-sp-10{padding-top: 10px;box-sizing: border-box;}
  .pt-sp-20{padding-top: 20px;box-sizing: border-box;}
  .pt-sp-30{padding-top: 30px;box-sizing: border-box;}
  .pt-sp-40{padding-top: 40px;box-sizing: border-box;}
  .pr-sp-10{padding-right: 10px;box-sizing: border-box;}
  .pr-sp-20{padding-right: 20px;box-sizing: border-box;}
  .pr-sp-30{padding-right: 30px;box-sizing: border-box;}
  .pr-sp-40{padding-right: 40px;box-sizing: border-box;}
  .pb-sp-10{padding-bottom: 10px;box-sizing: border-box;}
  .pb-sp-20{padding-bottom: 20px;box-sizing: border-box;}
  .pb-sp-30{padding-bottom: 30px;box-sizing: border-box;}
  .pb-sp-40{padding-bottom: 40px;box-sizing: border-box;}
  .pl-sp-10{padding-left: 10px;box-sizing: border-box;}
  .pl-sp-20{padding-left: 20px;box-sizing: border-box;}
  .pl-sp-30{padding-left: 30px;box-sizing: border-box;}
  .pl-sp-40{padding-left: 40px;box-sizing: border-box;}
}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}

.m-10{margin: 10px 0;}
.m-20{margin: 20px 0;}
.m-30{margin: 30px 0;}
.m-40{margin: 40px 0;}

/* グリッド */
.container{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  box-sizing: border-box;
}
.container .col-1{box-sizing: border-box;float: left; width: 8.333333%;}
.container .col-2{box-sizing: border-box;float: left; width: 16.666667%;}
.container .col-3{box-sizing: border-box;float: left; width: 25%;}
.container .col-4{box-sizing: border-box;float: left; width: 33.333333%;}
.container .col-5{box-sizing: border-box;float: left; width: 41.666667%;}
.container .col-6{box-sizing: border-box;float: left; width: 50%;}
.container .col-7{box-sizing: border-box;float: left; width: 58.333333%;}
.container .col-8{box-sizing: border-box;float: left; width: 66.666667%;}
.container .col-9{box-sizing: border-box;float: left; width: 75%;}
.container .col-10{box-sizing: border-box;float: left; width: 83.333333%;}
.container .col-11{box-sizing: border-box;float: left; width: 91.666667%;}
.container .col-12{box-sizing: border-box;float: left; width: 100%;}
@media screen and (min-width: 1001px){
  .container .col-pc-1{box-sizing: border-box;float: left; width: 8.333333%;}
  .container .col-pc-2{box-sizing: border-box;float: left; width: 16.666667%;}
  .container .col-pc-3{box-sizing: border-box;float: left; width: 25%;}
  .container .col-pc-4{box-sizing: border-box;float: left; width: 33.333333%;}
  .container .col-pc-5{box-sizing: border-box;float: left; width: 41.666667%;}
  .container .col-pc-6{box-sizing: border-box;float: left; width: 50%;}
  .container .col-pc-7{box-sizing: border-box;float: left; width: 58.333333%;}
  .container .col-pc-8{box-sizing: border-box;float: left; width: 66.666667%;}
  .container .col-pc-9{box-sizing: border-box;float: left; width: 75%;}
  .container .col-pc-10{box-sizing: border-box;float: left; width: 83.333333%;}
  .container .col-pc-11{box-sizing: border-box;float: left; width: 91.666667%;}
  .container .col-pc-12{box-sizing: border-box;float: left; width: 100%;}
}
@media screen and (max-width:1000px) and (min-width:641px){
  .container .col-tb-1{box-sizing: border-box;float: left; width: 8.333333%;}
  .container .col-tb-2{box-sizing: border-box;float: left; width: 16.666667%;}
  .container .col-tb-3{box-sizing: border-box;float: left; width: 25%;}
  .container .col-tb-4{box-sizing: border-box;float: left; width: 33.333333%;}
  .container .col-tb-5{box-sizing: border-box;float: left; width: 41.666667%;}
  .container .col-tb-6{box-sizing: border-box;float: left; width: 50%;}
  .container .col-tb-7{box-sizing: border-box;float: left; width: 58.333333%;}
  .container .col-tb-8{box-sizing: border-box;float: left; width: 66.666667%;}
  .container .col-tb-9{box-sizing: border-box;float: left; width: 75%;}
  .container .col-tb-10{box-sizing: border-box;float: left; width: 83.333333%;}
  .container .col-tb-11{box-sizing: border-box;float: left; width: 91.666667%;}
  .container .col-tb-12{box-sizing: border-box;float: left; width: 100%;}
}
@media screen and (max-width: 640px){ 
  .container .col-sp-1{box-sizing: border-box;float: left; width: 8.333333%;}
  .container .col-sp-2{box-sizing: border-box;float: left; width: 16.666667%;}
  .container .col-sp-3{box-sizing: border-box;float: left; width: 25%;}
  .container .col-sp-4{box-sizing: border-box;float: left; width: 33.333333%;}
  .container .col-sp-5{box-sizing: border-box;float: left; width: 41.666667%;}
  .container .col-sp-6{box-sizing: border-box;float: left; width: 50%;}
  .container .col-sp-7{box-sizing: border-box;float: left; width: 58.333333%;}
  .container .col-sp-8{box-sizing: border-box;float: left; width: 66.666667%;}
  .container .col-sp-9{box-sizing: border-box;float: left; width: 75%;}
  .container .col-sp-10{box-sizing: border-box;float: left; width: 83.333333%;}
  .container .col-sp-11{box-sizing: border-box;float: left; width: 91.666667%;}
  .container .col-sp-12{box-sizing: border-box;float: left; width: 100%;}
}

/* グリッド簡易版 */
.column1-1 {
  width: 100%;
  overflow: hidden;
}
.column1-1 div{
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .column1-1 div{
    float: none;
    width: 100%;
  }
}

/* youtube */
.video{
  position:relative;
  width:100%;
  max-width:850px;
  padding-top:56.25%;
  margin-left:auto;
  margin-right:auto;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/* ボタン追従 */
.btn-area{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
  padding: 10px 0;
}
.btn-area .inquiry_btn{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
}
.btn-area .inquiry_btn img{
  display: block;
  width: 100%;
  padding: 0!important;
}
@media screen and (min-width: 1000px){
.btn-area-pc{
  width: 300px;
  position: fixed;
  bottom: auto;
  left: auto;
  top: 140px;
  right: 10px;
  background-color: rgba(255,255,255,0);
  padding: 0;
  display: none;
}
.btn-area .inquiry_btn{
  max-width: initial;
}
}

/* Q&A */
.faq-list{
  margin: 20px 0 60px;
}

.faq-list .item{
  margin: 10px auto;
  box-sizing: border-box;
  border: 4px dashed #bbb;
  text-align: left;
}
.faq-list .item:nth-child(4n){border: 4px dashed #b25f14;}
.faq-list .item:nth-child(4n+1){border: 4px dashed #415f7a;}
.faq-list .item:nth-child(4n+2){border: 4px dashed #b34747;}
.faq-list .item:nth-child(4n+3){border: 4px dashed #4b7c41;}
.faq-list .item .top{
  background-color: #f2f2f2;
  padding: 8px;
}
.faq-list .item .top .num{
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  padding: 0 0!important;
  text-align: center;
}
.faq-list .item:nth-child(4n) .top .num{background-color: #b25f14;}
.faq-list .item:nth-child(4n+1) .top .num{background-color: #415f7a;}
.faq-list .item:nth-child(4n+2) .top .num{background-color: #b34747;}
.faq-list .item:nth-child(4n+3) .top .num{background-color: #4b7c41;}
.faq-list .item .top .f{
  display: inline-block;
  padding: 6px!important;
  color: #bbb;
  font-weight: bold;
  font-size: 16px;
}
.faq-list .item:nth-child(4n) .top .f{color: #b25f14;}
.faq-list .item:nth-child(4n+1) .top .f{color: #415f7a;}
.faq-list .item:nth-child(4n+2) .top .f{color: #b34747;}
.faq-list .item:nth-child(4n+3) .top .f{color: #4b7c41;}
.faq-list .item .bottom{
  background-color: #fff;
  padding: 8px 12px;
}
.faq-list .item:nth-child(4n) .bottom .a{color: #b25f14;}
.faq-list .item:nth-child(4n+1) .bottom .a{color: #415f7a;}
.faq-list .item:nth-child(4n+2) .bottom .a{color: #b34747;}
.faq-list .item:nth-child(4n+3) .bottom .a{color: #4b7c41;}

/* サイトマップ */
#main .col{
  float: left;
  width: 100%;
}
#main .sitemap-list{
  padding: 10px 0;
  text-align: left;
}
#main .sitemap-list .under01{
  font-size: 16px;
  line-height: 23.2px;
}

#main .sitemap-list .under02{
  padding-left: 2em;
  color: #333;
  font-size: 14px;
  line-height: 21px;
}
#main .sitemap-list .under03{
  padding-left: 4em;
  color: #333;
  font-size: 12px;
  line-height: 18.6px;
}
#main .sitemap-list .under04{
  padding-left: 6em;
  color: #333;
  font-size: 10px;
  line-height: 16px;
}
@media screen and (max-width:999px) and (min-width:641px){
  #main .col{
    width: 100%;
  }
}
@media screen and (max-width: 640px){
  #main .col{
    width: 100%;
  }
}

/* スライダー */
#main .column1-slider{
  max-width: 1000px;
  margin: 0 auto;
  padding: 1em 0;
}
#main .column1-slider a{
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

/* ニュースリスト */
#main .news-list{
  overflow: hidden;
  padding: 1em 0;
}
#main .news-list .item{
  padding: 10px;
  float: left;
  width: 33.333333%;
  box-sizing: border-box;
}
#main .news-list .item .thumb{
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto 6px;
}
#main .news-list .item img{
  display: block;
  width: 100%;
}
#main .news-list .item .info{
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #333;
}
#main .news-list .item .tt{
  display: block;
  margin: 0 auto 0.4em;
  text-align: left;
  font-size: 16px;
  line-height: 23.2px;
  font-weight: bold;
}
#main .news-list .item .txt{
  display: block;
  margin: 0 auto 0.4em;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
}
#main .news-list .item .place{
  display: block;
  margin: 0 auto 0.4em;
  text-align: right;
  font-size: 12px;
  line-height: 18.6px;
  color: #999;
}

/* ニュースリストPCで4並び */
#main .news-list-sq{
  overflow: hidden;
  padding: 1em 0;
}
#main .news-list-sq .item{
  padding: 10px;
  float: left;
  width: 25%;
  box-sizing: border-box;
}
#main .news-list-sq .item .thumb{
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto 6px;
}
#main .news-list-sq .item img{
  display: block;
  width: 100%;
}
#main .news-list-sq .item .info{
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #333;
}
#main .news-list-sq .item .tt{
  display: block;
  margin: 0 auto 0.4em;
  text-align: left;
  font-size: 16px;
  line-height: 23.2px;
  font-weight: bold;
}
#main .news-list-sq .item .txt{
  display: block;
  margin: 0 auto 0.4em;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
}
#main .news-list-sq .item .place{
  display: block;
  margin: 0 auto 0.4em;
  text-align: right;
  font-size: 12px;
  line-height: 18.6px;
  color: #999;
}

@media screen and (min-width: 1000px){

  #main .news-list .item{
    float: left;
    width: 33.333333%;
  }
    #main .news-list-sq .item{
    float: left;
    width: 25%;
  }
}
@media screen and (max-width:999px) and (min-width:641px){
  #main .news-list .item{
    float: left;
    width: 50%;
  }
    #main .news-list-sq .item{
    float: left;
    width: 50%;
  }
}
@media screen and (max-width: 640px){
  #main .news-list{
    border-top: 1px solid #ccc;
  }
  #main .news-list .item{
    float: left;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  #main .news-list .item .thumb{
    float: left;
    width: 33.333333%;
  }
  #main .news-list .item .info{
    float: left;
    width: 66.666667%;
    padding: 0 10px;
  }
  #main .news-list .item .info .tt{
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
  }
  #main .news-list .item .info .txt{
    font-size: 12px;
    line-height: 18.6px;
  }
  #main .news-list .item .info .place{
    font-size: 10px;
    line-height: 16px;
  }
    /* -sq */
  #main .news-list-sq{
    border-top: 1px solid #ccc;
  }
  #main .news-list-sq .item{
    float: left;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
  }
  #main .news-list-sq .item .thumb{
    float: left;
    width: 33.333333%;
  }
  #main .news-list-sq .item .info{
    float: left;
    width: 66.666667%;
    padding: 0 10px;
  }
  #main .news-list-sq .item .info .tt{
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
  }
  #main .news-lis-sqt .item .info .txt{
    font-size: 12px;
    line-height: 18.6px;
  }
  #main .news-list-sq .item .info .place{
    font-size: 10px;
    line-height: 16px;
  }
}

/* 会社案内メニュー */
#main .company-menu{
  overflow: hidden;
  box-sizing: border-box;
  padding: 1em 0 0;
}
#main .company-menu .item{
  float: left;
  padding: 20px 10px;
  width: 25%;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
}
#main .company-menu .item:nth-child(4n){
  border-right: none;
}
#main .company-menu .item.plan{
  width: 50%;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18.6px;
  border-bottom: none;
}
#main .company-menu .item:last-child{
  border-right: none;
}
#main .company-menu .now{
 background-color: #999; 
}
#main .company-menu .now p{
  padding: 0;
  text-align: center;
  color: #fff;
}
@media screen and (max-width:999px) and (min-width:641px){
  #main .company-menu{
    border-left: none;
  }
}
@media screen and (max-width: 640px){
  #main .company-menu{
    border-left: none;
  }
  #main .company-menu .item{
    width: 50%;
  }
  #main .company-menu .item:nth-child(2n){
    border-right: none;
  }
}

/* お問い合わせフォーム */
.contact {
  position: relative;
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}
.contact input[type='text'] {
  font: 15px/24px sans-serif;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3em;
  transition: 0.3s;
  letter-spacing: 1px;
  color: #333;
  border: 1px solid #1b2538;
  border-radius: 4px;
}
.contact label{
  padding: 8px;
  font: 14px sans-serif;
  line-height: 3em;
  background-color: #f0f0f0;
  border-radius: 4px;
}
.contact input.text-short{max-width: 260px;}
.contact input.text-long{max-width: 520px;}
.contact select {
  font: 15px/24px sans-serif;
  box-sizing: border-box;
  width: 100%;
  max-width: 200px;
  padding: 0.3em;
  transition: 0.3s;
  letter-spacing: 1px;
  color: #333;
  border: 1px solid #1b2538;
  border-radius: 4px;
}
.contact textarea{
  font: 15px/24px sans-serif;
  box-sizing: border-box;
  width: 100%;
  max-width: 520px;
  padding: 0.3em;
  transition: 0.3s;
  letter-spacing: 1px;
  color: #333;
  border: 1px solid #1b2538;
  border-radius: 4px;
}
.contact-ck table input,
.contact-ck .table-sp input{
  border: none;
}
.contact-ck table
.contact-ck .table-sp{
  line-height: 2em;
}
#main input[type="submit"]{
  -webkit-appearance: none;
  display: block;
  margin: 1em auto;
  background-color: #50388c;
  color: #fff;
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 12px;
  min-width: 200px;
  border-right: 2px solid #31125e;
  border-bottom: 2px solid #31125e;
  border-left: 2px solid #876fc1;
  border-top: 2px solid #876fc1;
}
#main input[type="submit"]:hover{
  opacity: 0.7;
}

/* ダイナミック */
.dcb-tokuten {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-size: 8px;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff8b0;
  border: 8px solid #e50012;
  box-sizing: border-box;
}

.dcb-tokuten .tokuten-inner {
  width: 100%;
  max-width: 882px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}

.dcb-tokuten img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto!important;
}

.dcb-tokuten .tokuten-head {
  margin: 0 0 8px 0!important;
}

.dcb-tokuten .tokuten-container {
  overflow: hidden;
}

.dcb-tokuten .tokuten-item {
  padding: 0 0 8px;
  box-sizing: border-box;
}


.dcb-tokuten .tokuten-container .tokuten-item {
  float: left;
  padding-right: 4px;
  padding-left: 4px;
  box-sizing: border-box;
}

.dcb-tokuten .tokuten-item.m {
  width: 100%;
}

.dcb-tokuten .tokuten-item.s {
  width: 50%;
}

.dcb-tokuten .tokuten-item .item-detail {
  display: none;
  background-color: #fff;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}

.dcb-tokuten .tokuten-item.m .item-detail {
  max-width: 850px;
}

.dcb-tokuten .tokuten-item.s .item-detail {
  max-width: 417px;
}

.dcb-tokuten .tokuten-item .item-detail h3 {
  margin: 0 0 16px 0!important;
  font-size: 20px!importatnt;
  line-height: 1.2!important;
  font-weight: bold!important;
  color: #e40012!important;
  border-left: none!important;
  padding: 0!important;
  background-color: rgba(0, 0, 0, 0)!important;
}

.dcb-tokuten .tokuten-item .item-detail h3 .num {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  background-color: #e40012;
  line-height: 32px;
  text-align: center;
  color: #fff;
}

.dcb-tokuten .tokuten-item .item-detail p {
  margin: 0!important;
  font-size: 14px!important;
}


@media screen and (max-width: 1020px) and (min-width: 641px) {
  .dcb-tokuten .tokuten-inner {
    max-width: 624px;
  }
}

@media screen and (max-width: 640px) {
  .dcb-tokuten {
    border: 4px solid #e50012;
  }

  .dcb-tokuten .tokuten-inner {
    max-width: 608px;
    padding: 8px;
  }

  .dcb-tokuten .tokuten-head {
    margin-bottom: 4px!important;
  }

  .dcb-tokuten .tokuten-item {
    padding: 0 0 4px 0!important;
  }

  .dcb-tokuten .tokuten-container .tokuten-item {
    padding-right: 2px!important;
    padding-left: 2px!important;
  }

  .dcb-tokuten .tokuten-item .item-detail {
    padding: 8px;
  }

  .dcb-tokuten .tokuten-item .item-detail h3 {
    margin-bottom: 8px!important;
    font-size: 18px!important;
  }

  .dcb-tokuten .tokuten-item .item-detail h3 .num {
    display: none;
  }

  .dcb-tokuten .tokuten-item .item-detail p {
    font-size: 12px!important;
  }
}

.dcb-true-wrapper.off,
.dcb-404-wrapper.off {
  display: none;
}