@charset "UTF-8";
img[usemap] {
  width: 100%;
  height: auto; }
  @media screen and (min-width: 750px) {
    img[usemap] {
      max-width: 100%; } }

.box01 {
  display: flex; }
  .box01.al_center {
    align-items: center; }
  .box01.al_end {
    align-items: flex-end; }
  .box01.jc_center {
    justify-content: center; }
  .box01.jc_end {
    justify-content: flex-end; }
  .box01.jc_bet {
    justify-content: space-between; }
  .box01 .half {
    width: 49%; }

.box02 {
  display: flex; }
  .box02.al_center {
    align-items: center; }
  .box02.al_end {
    align-items: flex-end; }
  .box02.jc_center {
    justify-content: center; }
  .box02.jc_end {
    justify-content: flex-end; }
  .box02.jc_bet {
    justify-content: space-between; }
  .box02 .half {
    width: 49%; }

.pagebreak {
  break-after: page; }

/************************************************

	top

*************************************************/
.top_ttl {
  font-size: 130%; }
  .top_ttl #sp {
    background: #ea5550;
    padding: 0 8px;
    margin-right: 10px;
    color: #FFF;
    font-size: 18px;
    font-weight: normal; }

.top_contents {
  margin-top: 10px;
  /*.ecoton{
  	margin-top: -40px;
  }*/ }
  .top_contents .mv {
    position: relative; }
    .top_contents .mv .logo {
      position: absolute;
      top: -60px;
      left: 0; }
  .top_contents .txt {
    margin-right: 10px; }
  .top_contents .box01 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px; }
    .top_contents .box01 .top_info {
      font-size: 95%;
      margin-top: 10px; }
  .top_contents .list_qr {
    padding: 10px 0 0 0;
    border-top: 2px solid #0097E0; }
  .top_contents .column01 {
    border: 2px solid #000;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px; }

.ibm {
  display: inline-block;
  vertical-align: middle; }

.ibb {
  display: inline-block;
  vertical-align: bottom; }

.p50 {
  font-size: 50%;
  /*padding-bottom: 10px;*/
  line-height: 1.0; }

.present {
  font-size: 90%;
  color: #00a040;
  text-align: right; }
  .present a {
    color: #00a040; }

.corona {
  border-top: 2px solid #004f94;
  padding-top: 10px; }

/************************************************

	special

*************************************************/
#special h3.ttl_h3 {
  /*border-bottom: 1px solid #008cd6;*/
  /*margin-bottom: 15px;*/
  position: relative; }
  #special h3.ttl_h3 span {
    display: block;
    color: #fff;
    background: #008cd6;
    padding: 5px;
    font-size: 150%;
    border-radius: 15px 15px 0 0;
    text-align: center;
    width: auto;
    /*margin: 0 auto 2px;*/
    margin: 0 auto; }
    #special h3.ttl_h3 span.bg_special_green {
      background: #32A238; }
    #special h3.ttl_h3 span.bg_special_green02 {
      background: #007440; }
    #special h3.ttl_h3 span.bg_special_orange {
      background: #EA5504; }
#special .special_bg01 {
  background: #FFF5D7;
  padding: 10px 15px; }
#special .special_mini_tit01 {
  background: #008CD6;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  width: 265px;
  font-size: 110%;
  margin-bottom: 10px;
  text-align: center; }
#special .special_box01 {
  display: flex; }
#special .special_box02 {
  display: flex; }
#special .special_box03 {
  display: flex; }
#special .special_box01_txtarea01 {
  margin-left: 15px;
  margin-top: 13px; }
  #special .special_box01_txtarea01 h4 {
    font-size: 125%;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #FFE55F;
    position: relative;
    width: 93%; }
    #special .special_box01_txtarea01 h4 span {
      position: absolute;
      top: -10px;
      right: -10px; }
  #special .special_box01_txtarea01 .special_box01_txtarea01_add {
    display: flex;
    margin-top: 5px; }
    #special .special_box01_txtarea01 .special_box01_txtarea01_add dt {
      color: #32A238;
      background: #fff;
      border: 1px solid;
      border-radius: 3px;
      padding: 0 5px;
      width: 60px;
      text-align: justify;
      text-align-last: justify;
      text-justify: inter-ideograph;
      margin-right: 10px;
      display: table; }
      #special .special_box01_txtarea01 .special_box01_txtarea01_add dt.sp_center_tell {
        text-align: center;
        text-align-last: inherit; }
#special .special_box02_txtarea01_wrap {
  margin-bottom: 15px; }
  #special .special_box02_txtarea01_wrap:last-child {
    margin-bottom: 0; }
#special .special_box02_txtarea01 {
  margin-left: 20px; }
  #special .special_box02_txtarea01 h4 {
    font-size: 110%;
    background: #E2EDBA;
    padding: 5px;
    margin-bottom: 10px; }
  #special .special_box02_txtarea01 .special_box02_txtarea01_add {
    display: flex;
    margin-top: 5px; }
    #special .special_box02_txtarea01 .special_box02_txtarea01_add dt {
      color: #32A238;
      background: #fff;
      border: 1px solid;
      border-radius: 3px;
      padding: 0 5px;
      width: 60px;
      text-align: justify;
      text-align-last: justify;
      text-justify: inter-ideograph;
      margin-right: 10px;
      display: table; }
      #special .special_box02_txtarea01 .special_box02_txtarea01_add dt.sp_center_tell {
        text-align: center;
        text-align-last: inherit; }
#special .special_box03_txtarea01 {
  padding: 15px;
  /*border: 1px solid #EA5504;*/
  background: #fff;
  border-radius: 5px;
  margin-top: 15px; }
  #special .special_box03_txtarea01 h4 {
    font-size: 110%;
    background: #EA5504;
    color: #fff;
    border-radius: 3px;
    border-radius: 3px;
    padding: 2px 10px;
    margin-bottom: 10px;
    text-align: center; }
#special .special_box03_txtarea01_2col {
  display: flex;
  justify-content: space-between; }
#special .special_box03_txtarea01_2col02 {
  display: flex;
  /*justify-content: space-between;*/
  align-items: center; }
#special .special_box03_txtarea01_date .special_box03_txtarea01_date_ttl01 {
  margin-bottom: 5px; }
  #special .special_box03_txtarea01_date .special_box03_txtarea01_date_ttl01 span {
    color: #EA5504;
    border: 1px solid;
    border-radius: 3px;
    padding: 0 10px;
    margin-bottom: 10px; }
#special .special_box03_txtarea01_date .special_box03_txtarea01_date_time {
  font-size: 120%;
  font-weight: bold; }
#special .special_box03_txtarea01_date .special_box03_txtarea01_date_box01 {
  text-align: center;
  color: #E60012;
  background: #FFF9B1;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px; }
#special .special_box03_txtarea01_wrap {
  margin-top: 15px; }
#special .special_box03_txtarea01_tit01 span {
  font-size: 130%;
  font-weight: bold;
  color: #EA5504; }
#special .special_box03_txtarea01_tit01 .special_box03_txtarea01_small01 {
  font-size: 100%;
  font-weight: normal; }
#special .special_box03_txtarea01_txt01 span {
  border-bottom: 2px dotted #EA5504; }
#special .special_box03_txtarea01_add01 {
  margin-top: 5px;
  display: flex;
  align-items: baseline; }
  #special .special_box03_txtarea01_add01 .special_box03_txtarea01_add01_tit {
    background: #EA5504;
    border-radius: 10px;
    font-size: 90%;
    color: #fff;
    padding: 0 10px;
    margin-right: 10px; }
  #special .special_box03_txtarea01_add01 .special_box03_txtarea01_add01_num span {
    color: #EA5504;
    font-weight: bold;
    font-size: 165%;
    vertical-align: middle; }
#special .special_box03_txtarea01_add02 {
  display: flex;
  margin-top: 5px; }
  #special .special_box03_txtarea01_add02 dt {
    color: #EA5504;
    background: #fff;
    border: 1px solid;
    border-radius: 3px;
    padding: 0 5px;
    width: 60px;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    margin-right: 10px;
    display: table; }
    #special .special_box03_txtarea01_add02 dt.sp_center_tell {
      text-align: center;
      text-align-last: inherit; }
#special #sec01 > .box01 {
  counter-reset: hoge; }
#special #sec01 .table01 {
  border-color: #000; }
  #special #sec01 .table01 th, #special #sec01 .table01 td {
    border-color: #000;
    text-align: left;
    vertical-align: middle; }
  #special #sec01 .table01 th {
    text-align: center;
    background: #45b035;
    padding: 2px;
    font-size: 12px; }
  #special #sec01 .table01 td {
    padding: 4px;
    font-size: 11px; }
  #special #sec01 .table01 .td_ttl {
    width: 25%;
    font-weight: bold;
    font-size: 12px; }
  #special #sec01 .table01 td:last-of-type {
    width: 35%; }
#special #sec01 .li_indent01 {
  width: 335px;
  font-weight: bold;
  font-size: 110%; }
  #special #sec01 .li_indent01 li {
    padding-left: 1.5em;
    text-indent: -1.5em;
    margin-bottom: 10px;
    position: relative; }
    #special #sec01 .li_indent01 li::before {
      counter-increment: hoge;
      content: counter(hoge);
      background: #008cd6;
      color: #fff;
      padding: 0 5px;
      font-weight: bold;
      border-radius: 100%;
      margin-right: 4px;
      font-size: 90%; }
    #special #sec01 .li_indent01 li span {
      font-weight: normal;
      font-size: 85%; }
  #special #sec01 .li_indent01 .img {
    position: absolute;
    top: 0;
    right: 40px; }
#special #sec02 .column01 {
  background: #d3edfb;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  margin-top: 10px; }
  #special #sec02 .column01 > div {
    display: flex; }
  #special #sec02 .column01 .col_l {
    width: 58%; }
    #special #sec02 .column01 .col_l h4 {
      color: #fff;
      background: #008cd6;
      padding: 0 8px;
      font-size: 110%;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-align: center;
      position: relative;
      margin-right: 20px; }
      #special #sec02 .column01 .col_l h4::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 73px 0 73px 12px;
        border-color: transparent transparent transparent #008cd6;
        position: absolute;
        top: 0;
        left: 100%; }
    #special #sec02 .column01 .col_l ul {
      width: 100%; }
      #special #sec02 .column01 .col_l ul li {
        background: #fff;
        border: 2px solid #008cd6;
        border-radius: 5px;
        padding: 5px; }
        #special #sec02 .column01 .col_l ul li + li {
          margin-top: 5px; }
  #special #sec02 .column01 .col_r {
    width: 38%;
    position: relative; }
    #special #sec02 .column01 .col_r .img {
      position: absolute;
      top: 0;
      right: -30px; }
#special #sec03 .root {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px; }
  #special #sec03 .root dl {
    width: 326px;
    margin-bottom: 20px; }
    #special #sec03 .root dl dt {
      color: #008cd6;
      background: #feebbe;
      padding: 5px;
      font-size: 110%;
      font-weight: bold; }
      #special #sec03 .root dl dt::first-letter {
        color: #000; }
    #special #sec03 .root dl dt + dd {
      height: 44px;
      display: table-cell;
      vertical-align: middle; }
  #special #sec03 .root > div {
    width: 326px; }
#special #sec03 .column01 {
  background: #e2eec5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 8px;
  border-radius: 100px; }
#special #sec03 .mark01 {
  position: absolute;
  bottom: 3px;
  left: 10px; }
#special #sec04 .column01 {
  background: #feebbe;
  display: flex;
  margin-top: 10px; }
  #special #sec04 .column01 h4 {
    display: inline-block;
    color: #fff;
    font-size: 105%;
    background: #008cd6;
    padding: 2px 8px;
    position: relative; }
    #special #sec04 .column01 h4::after {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 10px 0 0;
      border-color: #008cd6 transparent transparent transparent;
      position: absolute;
      top: 0;
      left: 100%; }
  #special #sec04 .column01 .li_indent01 {
    padding: 5px; }
    #special #sec04 .column01 .li_indent01 li::first-letter {
      color: #008cd6; }
  #special #sec04 .column01 .img {
    padding: 5px; }

/************************************************

	mini-special

*************************************************/
#mini-special #main {
  background: url("../images/mini-special/bg.gif");
  padding: 15px; }
  #mini-special #main .main_inner {
    background: #fff;
    border-radius: 10px;
    padding: 15px; }
#mini-special .li_pink li::first-letter {
  color: #ea5541; }
#mini-special .ttl_h3 {
  color: #ea5541;
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 130%; }
#mini-special .column01 {
  display: flex;
  background: #ffefbf;
  padding: 15px; }
  #mini-special .column01 h3 {
    font-size: 110%;
    color: #fff;
    background: #ea5541;
    border-radius: 20px;
    display: inline-block;
    padding: 3px 15px;
    margin-bottom: 5px; }
  #mini-special .column01 h4 {
    font-size: 105%;
    margin-bottom: 5px; }
    #mini-special .column01 h4::first-letter {
      color: #ea5541; }
#mini-special .column02 {
  border-top: 1px solid #ea5541;
  padding-top: 20px; }
  #mini-special .column02 h3 {
    font-size: 105%;
    color: #ea5541;
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    padding: 1px 10px;
    margin-bottom: 10px; }
  #mini-special .column02 dl dt {
    color: #3d62ad;
    font-size: 115%;
    font-weight: bold; }

/************************************************

	flash

*************************************************/
#flash section {
  margin-bottom: 30px; }

#flash section h3 {
  background: #009044;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 130%;
  color: #FFF; }

#flash section .flash_tit01 {
  display: flex;
  align-items: center;
  height: 54px; }

#flash section .txt {
  text-indent: 1em;
  text-align: justify;
  text-justify: inter-ideograph; }

#flash section dl {
  margin-top: 10px; }

#flash section dt,
#flash section dd {
  float: left; }

#flash section dt {
  background: #666;
  border-radius: 4px;
  padding: 2px 3px 0;
  color: #FFF;
  font-weight: bold; }

#flash section dd {
  margin: 2px 0 0 5px; }

.flex_box {
  display: flex;
  align-items: center; }
  .flex_box .flex_box_txt01 {
    font-size: 12px;
    margin-top: 10px; }

.flash_hotline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff5d7;
  padding: 3%; }
  .flash_hotline .flash_hotline_time {
    text-indent: -1em;
    padding-left: 1em; }
    .flash_hotline .flash_hotline_time::before {
      content: "●";
      vertical-align: top;
      color: #f39800; }

.flash_hotline02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFEDBA;
  padding: 3%; }
  .flash_hotline02 .flash_hotline_time {
    text-indent: -1em;
    padding-left: 1em; }
    .flash_hotline02 .flash_hotline_time::before {
      content: "●";
      vertical-align: top;
      color: #f39800; }

#flash .word_nowrap {
  white-space: nowrap; }

.txt_small01 {
  font-size: 12px; }

/************************************************

	soudan

*************************************************/
#soudan #support .column01 {
  border: 4px solid #666;
  padding: 15px; }

#soudan #support h3 {
  border-top: 1px solid black;
  margin: 40px 0 0;
  text-align: center;
  padding: 0;
  height: 24px;
  border-radius: 0; }

#soudan #support span {
  font-weight: bold;
  margin-left: -7px; }

#soudan #support h3 span {
  position: relative;
  top: -15px;
  padding: 0 20px;
  background: white; }

#soudan #support h4 {
  margin: 20px 0 5px;
  padding: 0px !important;
  background: #D3EDFB; }

#soudan .head {
  background: #ea5550;
  padding: 15px;
  margin-bottom: 30px;
  text-align: center; }

#soudan .head .txt01 {
  color: #fff; }

#soudan .head .txt01 span {
  font-size: 130%;
  font-weight: bold; }

#soudan .head .box01 {
  background: #fff;
  padding: 10px;
  width: 80%;
  margin: 0 auto;
  border-radius: 7px;
  display: block; }

#soudan h3 {
  border-radius: 30px;
  margin-bottom: 15px;
  padding: 5px;
  text-align: center;
  color: #FFF;
  font-size: 180%; }

#soudan #kurashi h3 {
  background: #e96f0b; }

#soudan #iryo h3 {
  background: #009fc6; }

#soudan #examination h3 {
  background: #4ea700; }

#soudan #syurou h3 {
  background: #ba79b1; }

#soudan #event h3 {
  background: #EF984F; }

#soudan h4 {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 130%; }

#soudan #kurashi h4 {
  background: #fce2ba; }

#soudan #iryo h4 {
  background: #d3edfb; }

#soudan #examination h4 {
  background: #D3E6B2; }

#soudan #syurou h4 {
  background: #e7d5e8; }

#soudan #event h4 {
  background: #FCE3CA; }

#soudan h5 {
  margin-bottom: 10px;
  font-size: 110%; }

#soudan #kurashi h5 {
  color: #4063AC;
  /*border-bottom: 2px solid #4063AC;*/ }

#soudan #examination h5 {
  color: #53A535;
  /*border-bottom: 2px solid #53A535;*/ }

#soudan #announce h5 {
  /*color: #B12B7E;*/
  color: #0079c3;
  /*border-bottom: 2px solid #C767A3;*/ }

#soudan #event h5 {
  color: #F29739;
  /*border-bottom: 2px solid #F29739;*/ }

#soudan section .inner {
  margin-bottom: 20px; }

#soudan section .inner p {
  margin-bottom: 5px; }

#soudan section .inner p span {
  font-weight: bold; }

#soudan #announce .column01 {
  border: 4px solid #F8D2DC;
  padding: 15px; }

#soudan #event .column01 {
  border: 4px solid #666;
  padding: 15px; }

#soudan #announce .column01 h4,
#soudan #event .column01 h4 {
  background: #FFF;
  padding: 0; }

#soudan #announce .column01 .inner,
#soudan #event .column01 .inner {
  margin: 0; }

#soudan .column02 {
  border: 5px solid #e04c8d;
  box-sizing: border-box;
  background: #fdeff5 !important; }

#soudan .column02 h4 {
  background: #e04c8d !important;
  color: #fff;
  display: block;
  margin: 0;
  text-align: center; }

#soudan .column02 .sttl {
  background: #fff;
  padding: 10px;
  text-align: center;
  border-bottom: 4px solid #e04c8d;
  margin-bottom: 20px; }

#soudan .column03 {
  border: 2px solid #B12B7E;
  color: #B12B7E;
  text-align: center;
  font-weight: bold;
  font-size: 120%; }

/************************************************

	food

*************************************************/
#food main {
  background: url(../images/food/food_bg.jpg);
  padding: 35px; }

#food section .txt {
  text-indent: 1em;
  line-height: 2.0; }

#food .left_box {
  width: 370px;
  float: left; }

#food .right_box {
  width: 210px;
  float: right; }

#food .unit_2col .box_a {
  width: 285px;
  float: left; }

#food .unit_2col .box_b {
  width: 285px;
  float: right; }

#food .food_qr {
  display: flex;
  justify-content: center; }
  #food .food_qr figcaption {
    margin-right: 10px; }

#food .unit_solo {
  text-align: center; }

/************************************************

	doyouknow

*************************************************/
#doyouknow main {
  padding: 35px; }

#doyouknow section .txt {
  text-indent: 1em;
  line-height: 2.0; }

#doyouknow .left_box {
  width: 335px;
  float: left; }

#doyouknow .right_box {
  width: 250px;
  float: right; }

#doyouknow .right_box02 {
  width: 250px;
  float: right; }

#doyouknow .unit_2col .box_a {
  width: 285px;
  float: left; }

#doyouknow .unit_2col .box_b {
  width: 285px;
  float: right; }

#doyouknow .shiokaze_train {
  background-color: #FFF096;
  color: #3D468E; }

#doyouknow .cap01 {
  clear: both; }

#doyouknow .serapy_cap {
  text-indent: -20px;
  margin-left: 20px; }

/************************************************

	hiroba

*************************************************/
#hiroba #support .column01 {
  border: 4px solid #666;
  padding: 15px; }

#hiroba #support h3 {
  border-top: 1px solid black;
  margin: 40px 0 0;
  text-align: center;
  padding: 0;
  height: 24px;
  border-radius: 0; }

#hiroba #support span {
  font-weight: bold;
  margin-left: -7px; }

#hiroba #support h3 span {
  position: relative;
  top: -15px;
  padding: 0 20px;
  background: white; }

#hiroba #support h4 {
  margin: 20px 0 5px;
  padding: 0px !important;
  background: #D3EDFB; }

#hiroba .head {
  background: #BAE2F9;
  padding: 15px;
  margin-bottom: 30px;
  text-align: center; }

#hiroba .head dl {
  border-top: 1px solid #333;
  padding-top: 15px;
  margin-top: 20px;
  text-align: left; }

#hiroba .head dt {
  width: 220px;
  float: left;
  margin-right: 10px;
  font-size: 90%; }

#hiroba .head dt span {
  display: block;
  background: #009EB7;
  padding: 5px 5px 3px;
  margin-bottom: 5px;
  text-align: center;
  color: #FFF;
  font-size: 120%;
  font-weight: bold; }
  #hiroba .head dt span.demae {
    background: #007f41; }

#hiroba .head dd {
  width: 420px;
  float: left;
  font-size: 95%; }

#hiroba .box_indent {
  display: flex; }
  #hiroba .box_indent span {
    display: block;
    flex-shrink: 0; }

#hiroba h3 {
  border-radius: 30px;
  margin-bottom: 15px;
  padding: 5px;
  text-align: center;
  color: #FFF;
  font-size: 180%; }

#hiroba #recruit h3 {
  background: #718cc7; }

#hiroba #examination h3 {
  background: #34961e; }

#hiroba #announce h3 {
  background: #d368a4; }

#hiroba #event h3 {
  background: #ea5504; }

#hiroba h4 {
  padding: 10px;
  margin-bottom: 10px;
  font-size: 130%; }

#hiroba #recruit h4 {
  background: #CFE0F3; }

#hiroba #examination h4 {
  background: #D3E6B2; }

#hiroba #announce h4 {
  background: #EED9E9; }

#hiroba #event h4 {
  background: #FCE3CA; }

#hiroba h5 {
  margin-bottom: 5px;
  font-size: 110%; }

#hiroba #recruit h5 {
  color: #4063AC;
  /*border-bottom: 2px solid #4063AC;*/ }

#hiroba #examination h5 {
  color: #53A535;
  /*border-bottom: 2px solid #53A535;*/ }

#hiroba #announce h5 {
  color: #B12B7E;
  /*border-bottom: 2px solid #C767A3;*/ }

#hiroba #event h5 {
  color: #ea5504;
  /*border-bottom: 2px solid #F29739;*/ }

#hiroba section .inner {
  margin-bottom: 20px; }

#hiroba section .inner p {
  margin-bottom: 5px; }

#hiroba section .inner p span {
  font-weight: bold; }

#hiroba #announce .column01 {
  border: 4px solid #F8D2DC;
  padding: 15px; }

#hiroba #event .column01 {
  border: 4px solid #666;
  padding: 15px; }

#hiroba #announce .column01 h4,
#hiroba #event .column01 h4 {
  background: #FFF;
  padding: 0; }

#hiroba #announce .column01 .inner,
#hiroba #event .column01 .inner {
  margin: 0; }

#hiroba .column02 {
  border: 5px solid #0079c3;
  box-sizing: border-box; }

#hiroba .column02 h4 {
  background: #0079c3 !important;
  color: #fff;
  display: block; }

#hiroba .column02.bg01 {
  background: url(../images/hiroba/img03.png) no-repeat top 130px right 60px; }

#hiroba .column03 {
  border: 2px solid #B12B7E;
  padding: 10px; }

#hiroba .column03 h4 {
  background: #B12B7E !important;
  color: #fff;
  display: block;
  font-size: 130%; }

#hiroba .column03 h5 {
  font-size: 120%;
  text-align: center;
  font-weight: bold; }

#hiroba .column03 .ttl {
  font-size: 130%;
  text-align: center;
  font-weight: bold;
  color: #000 !important; }

#hiroba .column03 .sttl {
  color: #B12B7E;
  text-align: center;
  margin-bottom: 10px;
  font-size: 110%;
  font-weight: bold; }

.warning {
  background: #ffea0c;
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 30px; }

.warning p {
  color: #C00;
  text-align: center;
  font-weight: bold;
  font-size: 210%; }

.warning p span {
  color: #000;
  font-size: 115%; }

.warning .search {
  margin-top: 10px;
  text-align: center; }

.no_drug {
  background: #DB5351;
  text-align: center;
  padding: 10px;
  color: #fff;
  width: auto; }

.no_drug a:link {
  color: #fff; }

.warning_188 {
  background: #8bc782;
  /* Old browsers */
  background: -moz-linear-gradient(left, #8bc782 0%, #c0dd98 82%, #d7e7af 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #8bc782 0%, #c0dd98 82%, #d7e7af 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #8bc782 0%, #c0dd98 82%, #d7e7af 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  text-align: center;
  padding: 10px; }

.hoppou {
  text-align: center;
  color: #fff;
  background: #0b318f;
  font-size: 250%;
  font-weight: bold;
  padding: 60px 10px;
  margin: 30px 0; }

.hoiku {
  width: 682px;
  height: 283px;
  margin-bottom: 30px;
  position: relative; }
  .hoiku .search {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center; }

#present {
  position: relative; }

#present h3 {
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E1051A), color-stop(0.00, #E55309));
  background: -webkit-linear-gradient(top, #E55309 0%, #E1051A 100%);
  background: -moz-linear-gradient(top, #E55309 0%, #E1051A 100%);
  background: -o-linear-gradient(top, #E55309 0%, #E1051A 100%);
  background: -ms-linear-gradient(top, #E55309 0%, #E1051A 100%);
  background: linear-gradient(top, #E55309 0%, #E1051A 100%);
  border: 2px solid #FFF;
  border-radius: 5px;
  box-shadow: 2px 2px 5px #666;*/
  background: #E1051A; }

#present .left_box {
  width: 220px;
  float: left; }

#present .left_box h4 {
  padding: 0;
  margin-bottom: 5px;
  color: #C41D24;
  font-size: 160%; }

#present .left_box img {
  width: 100%;
  height: auto; }

#present .right_box {
  width: 420px;
  float: right; }

#present .right_box dl {
  margin-bottom: 20px; }

#present .right_box dt {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 115%; }

#present .right_box .enq {
  background: #FEF3D5;
  padding: 15px; }

#present .right_box .enq li {
  padding-left: 1.7em;
  text-indent: -1.7em;
  margin-top: 10px; }

#present .right_box .enq li span {
  background: #E96C00;
  border-radius: 3px;
  padding: 0 5px;
  margin-right: 5px;
  font-weight: bold;
  color: #FFF; }

#present li {
  margin-top: 5px; }

#present .qr {
  position: absolute;
  right: 10px;
  bottom: 0;
  text-align: right;
  font-size: 85%; }

#public_relations {
  border: 4px solid #007E42;
  padding: 15px;
  position: relative; }

#public_relations h3 {
  background: #007E42; }

#public_relations li {
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em; }

#public_relations .phone {
  position: absolute;
  bottom: 70px;
  right: 200px; }

#hiroba #tv_program {
  border: 4px solid #3d62ad; }
  #hiroba #tv_program h3 {
    background: #3d62ad;
    color: #fff;
    padding: 6px 8px;
    border-radius: 0;
    font-size: 130%;
    margin: 0;
    flex-shrink: 0; }
  #hiroba #tv_program .inner {
    padding: 10px;
    margin: 0; }
  #hiroba #tv_program h4 {
    color: #3D62AD;
    font-size: 110%;
    margin-bottom: 0;
    padding: 0; }
    #hiroba #tv_program h4.tvq {
      background: url("../images/hiroba/img_tvq.jpg") no-repeat right; }
    #hiroba #tv_program h4.rkb {
      background: url("../images/hiroba/img_rkb.jpg") no-repeat right;
      padding-right: 110px;
      margin-top: 20px; }
  #hiroba #tv_program table {
    border: 1px solid #000; }
    #hiroba #tv_program table th, #hiroba #tv_program table td {
      border: 1px solid #000;
      padding: 2px 20px; }
    #hiroba #tv_program table th {
      background: #718cc7;
      color: #fff; }
    #hiroba #tv_program table tbody tr:nth-of-type(even) {
      background: #d3edfb; }
    #hiroba #tv_program table td.date {
      text-align: right; }
    #hiroba #tv_program table .wh {
      background: #fff; }
  #hiroba #tv_program .link_hp {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 90%; }

#hiroba .machiiro {
  border: 2px solid #ea5504;
  padding: 15px;
  border-radius: 10px; }
  #hiroba .machiiro dt {
    color: #ea5504;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px; }
  #hiroba .machiiro .block {
    display: flex;
    align-items: center; }

#hiroba .column {
  padding: 20px;
  background: #eaf6fd;
  border: 2px solid #008cd6;
  border-radius: 10px;
  text-align: center; }
  #hiroba .column h4 {
    color: #008cd6;
    background: none !important;
    padding: 0; }
  #hiroba .column .li_indent01 {
    font-size: 108%;
    font-weight: bold;
    text-align: left;
    line-height: 1.8;
    margin: 10px 0;
    display: inline-block; }
    #hiroba .column .li_indent01 span {
      color: #E60012; }

#hiroba .table_contact {
  border: 1px solid #000;
  text-indent: 0;
  font-size: 110%; }
  #hiroba .table_contact th, #hiroba .table_contact td {
    border: 1px solid #000;
    padding: 5px 15px; }
  #hiroba .table_contact th {
    text-align: center;
    font-weight: normal; }
  #hiroba .table_contact td {
    font-weight: normal; }
  #hiroba .table_contact tbody tr:nth-of-type(even) {
    background: #fbe6ef; }
  #hiroba .table_contact .wh {
    background: #fff; }

#hiroba #event .attention {
  color: #ea5504;
  font-weight: bold;
  font-size: 110%;
  text-decoration: underline;
  margin-top: 40px;
  text-align: center; }

/************************************************

	odekake

*************************************************/
#odekake .head {
  margin-bottom: 30px; }

#odekake .head img {
  width: 100%;
  height: auto; }

#odekake .head .left_box {
  width: 420px;
  float: left; }

#odekake .head .left_box h2 {
  margin-bottom: 20px; }

#odekake .head .left_box dl,
#odekake .head .left_box dt,
#odekake .head .left_box dd {
  float: left; }

#odekake .head .left_box dl {
  margin-left: 1em; }

#odekake .head .left_box dt {
  border-radius: 4px;
  padding: 2px 3px 0;
  color: #FFF;
  font-weight: bold; }

#odekake .head .left_box dt.place {
  background: #408DC8; }

#odekake .head .left_box dt.inquiry {
  background: #EA5E66; }

#odekake .head .left_box dd {
  margin: 2px 0 0 5px; }

#odekake .head .map {
  width: 230px;
  float: right; }

#odekake section {
  margin-bottom: 40px; }

#odekake section h3 {
  /*background: #00a040;*/
  background: #fce2ba;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 130%; }
  #odekake section h3 a img {
    vertical-align: sub; }

#odekake section p {
  font-size: 110%; }

#odekake section dl {
  margin-top: 5px; }

#odekake section dt,
#odekake section dd {
  float: left; }

#odekake section dt {
  border-radius: 4px;
  padding: 2px 3px 0;
  color: #FFF;
  font-weight: bold; }

#odekake section dt.place {
  background: #408DC8; }

#odekake section dt.inquiry {
  background: #EA5E66; }

#odekake section dd {
  margin: 2px 0 0 5px; }

.odekake_small {
  font-size: 13px; }

.odekake_note {
  background: #dff2fc;
  box-sizing: border-box;
  padding: 10px;
  display: flex; }
  .odekake_note .odekake_note_a {
    margin-right: 10px; }
  .odekake_note ul li {
    text-indent: -1em;
    padding-left: 1em; }
    .odekake_note ul li::before {
      content: "●";
      vertical-align: top;
      color: #0075c2; }
  .odekake_note .odekake_sub_note {
    text-indent: -1em;
    padding-left: 1em; }

#odekake .border_box01 {
  border: 1px solid #EA5E66;
  padding: 5px 10px;
  margin-bottom: 10px; }

@supports (-ms-ime-align: auto) {
  .edge_link {
    margin-top: 15px; } }
/************************************************

	mini-special02

*************************************************/
#mini-special02 section {
  border: 3px solid #2296C8;
  border-radius: 30px;
  padding: 20px; }
#mini-special02 #sec01 .block01 {
  border: 2px solid #E60012;
  padding: 8px;
  display: flex;
  margin-top: 10px; }
#mini-special02 #sec01 .list01 li {
  position: relative;
  padding: 0 2em 0 1em;
  display: inline-block;
  font-weight: bold; }
  #mini-special02 #sec01 .list01 li::before {
    content: '●';
    position: absolute;
    top: 0;
    left: 0;
    color: #EF845D; }
#mini-special02 #sec01 .attention {
  border-bottom: 1px solid #E60012;
  margin: 10px 0;
  display: inline-block; }
#mini-special02 #sec01 .block02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px; }
  #mini-special02 #sec01 .block02 dl {
    width: 49.5%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-bottom: 1%; }
    #mini-special02 #sec01 .block02 dl:nth-of-type(1) {
      background: #FFFCDB; }
      #mini-special02 #sec01 .block02 dl:nth-of-type(1) dt::before,
      #mini-special02 #sec01 .block02 dl:nth-of-type(1) dt::after {
        color: #FABE00; }
    #mini-special02 #sec01 .block02 dl:nth-of-type(2) {
      background: #EDF2C5; }
      #mini-special02 #sec01 .block02 dl:nth-of-type(2) dt::before,
      #mini-special02 #sec01 .block02 dl:nth-of-type(2) dt::after {
        color: #8FC31F; }
    #mini-special02 #sec01 .block02 dl:nth-of-type(3) {
      background: #DFF2FC; }
      #mini-special02 #sec01 .block02 dl:nth-of-type(3) dt::before,
      #mini-special02 #sec01 .block02 dl:nth-of-type(3) dt::after {
        color: #00AFEC; }
    #mini-special02 #sec01 .block02 dl:nth-of-type(4) {
      background: #FDEDDB; }
      #mini-special02 #sec01 .block02 dl:nth-of-type(4) dt::before,
      #mini-special02 #sec01 .block02 dl:nth-of-type(4) dt::after {
        color: #F39800; }
    #mini-special02 #sec01 .block02 dl dt {
      text-align: center;
      font-weight: bold;
      margin-bottom: 5px;
      font-size: 130%; }
      #mini-special02 #sec01 .block02 dl dt::before, #mini-special02 #sec01 .block02 dl dt::after {
        content: '●';
        font-size: 80%;
        padding: 0 2px; }
    #mini-special02 #sec01 .block02 dl dd {
      display: flex;
      justify-content: space-between;
      font-size: 90%; }
#mini-special02 #sec02 {
  border-color: #E60012; }
  #mini-special02 #sec02 .box_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px; }
    #mini-special02 #sec02 .box_ttl > div {
      padding: 0 100px 0 60px;
      background: url("../images/mini-special02/img06.jpg") no-repeat right center; }
    #mini-special02 #sec02 .box_ttl h2 {
      color: #E60012;
      font-size: 150%;
      display: inline-block;
      border-bottom: 1px solid;
      margin-bottom: 5px; }
    #mini-special02 #sec02 .box_ttl p {
      font-size: 120%;
      font-weight: bold;
      line-height: 1.7; }
      #mini-special02 #sec02 .box_ttl p span {
        border-bottom: 1px solid; }
  #mini-special02 #sec02 .block01 {
    display: flex;
    justify-content: space-between; }
    #mini-special02 #sec02 .block01 > div {
      width: 49%;
      border: 2px solid #000;
      border-radius: 10px;
      padding: 10px;
      box-sizing: border-box; }
      #mini-special02 #sec02 .block01 > div:first-of-type {
        font-size: 105%; }
    #mini-special02 #sec02 .block01 .sttl span {
      color: #E60012;
      text-decoration: underline; }
  #mini-special02 #sec02 .list01 {
    font-weight: bold; }
    #mini-special02 #sec02 .list01 li::before {
      content: "\f00d";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 120%;
      color: #E60012;
      padding-right: 5px; }
    #mini-special02 #sec02 .list01 span {
      text-decoration: underline; }
  #mini-special02 #sec02 .list02 span {
    color: #E60012; }
  #mini-special02 #sec02 h3 {
    text-align: center;
    margin: 15px 0 5px; }
    #mini-special02 #sec02 h3 span {
      color: #fff;
      background: #E60012;
      font-size: 120%;
      padding: 4px 20px;
      border-radius: 30px; }
  #mini-special02 #sec02 .list_consult {
    display: flex;
    flex-wrap: wrap; }
    #mini-special02 #sec02 .list_consult li {
      display: flex;
      align-items: center;
      background: #FCE5E8;
      border-radius: 5px;
      padding: 5px;
      margin: 6px 6px 0 0; }
      #mini-special02 #sec02 .list_consult li span {
        color: #E60012;
        font-weight: bold;
        font-size: 140%;
        padding-left: 5px; }
#mini-special02 .mini_sp02_ms {
  border: 2px solid;
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 30px; }
#mini-special02 .mini_sp02_tit01 {
  font-size: 120%;
  margin-bottom: 10px;
  background: url("../images/mini-special02/img02.png") no-repeat left center/27px;
  padding: 10px 0 10px 35px;
  color: #009DE1; }
#mini-special02 .mini_sp02_tit02 {
  font-size: 120%;
  margin-bottom: 10px;
  color: #009DE1; }
#mini-special02 .mini_sp02_2col {
  display: flex;
  align-items: center; }
  #mini-special02 .mini_sp02_2col > * {
    height: 100%; }
  #mini-special02 .mini_sp02_2col .mini_sp02_2col_b {
    width: 79%; }
#mini-special02 .mini_sp02_2col02 {
  display: flex;
  align-items: center; }
  #mini-special02 .mini_sp02_2col02 > * {
    height: 100%; }
#mini-special02 .mini_sp02_2col03 {
  display: flex; }
  #mini-special02 .mini_sp02_2col03 dt {
    width: 14.2%;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph; }
#mini-special02 .mini_sp02_box_wrap {
  border-bottom: 1px solid #333; }
#mini-special02 .mini_sp02_box h4 {
  background: #1d50a2;
  color: #fff;
  padding: 10px;
  font-size: 120%;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 25px; }
#mini-special02 .mini_sp02_box01 {
  border: 2px solid #009EE0;
  padding: 10px 15px;
  margin-top: 20px; }
#mini-special02 .mini_sp02_box02 {
  border: 2px solid #009EE0;
  border-top: none;
  border-radius: 10px;
  /*padding: 10px;*/
  margin-top: 10px; }
  #mini-special02 .mini_sp02_box02 h4 {
    border-radius: 8px 8px 0 0;
    background: #009EE0;
    color: #fff;
    padding: 8px 10px;
    width: 97%;
    margin-bottom: 10px;
    text-align: center; }
#mini-special02 .mini_sp02_box02_inner {
  padding: 0 10px 10px; }
#mini-special02 .mini_sp02_box01_2col {
  display: flex;
  justify-content: space-between; }
  #mini-special02 .mini_sp02_box01_2col .mini_sp02_box01_cola {
    margin-right: 20px; }
#mini-special02 .mini_sp02_box01_2col02 {
  display: flex;
  align-items: center; }
  #mini-special02 .mini_sp02_box01_2col02 .mini_sp02_box01_cola {
    margin-right: 20px; }
#mini-special02 .mini_sp02_box01_2col03 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end; }
  #mini-special02 .mini_sp02_box01_2col03 .mini_sp02_box01_cola {
    margin-right: 20px; }
#mini-special02 .mini_sp02_box01_2col04 {
  display: flex;
  align-items: center; }
  #mini-special02 .mini_sp02_box01_2col04 .mini_sp02_box01_cola {
    margin-right: 30px; }
#mini-special02 .mini_sp02_box01_2col05 {
  display: flex;
  align-items: center;
  width: 201px; }
#mini-special02 .mini_sp02_box01_3col {
  display: flex; }
  #mini-special02 .mini_sp02_box01_3col p {
    margin-right: 20px; }
    #mini-special02 .mini_sp02_box01_3col p:last-child {
      margin-right: 0; }
#mini-special02 .mini_sp02_corona_table01 {
  border: 1px solid #000;
  text-indent: 0;
  font-size: 13.6px;
  max-width: 353px;
  width: 330px; }
  #mini-special02 .mini_sp02_corona_table01 th, #mini-special02 .mini_sp02_corona_table01 td {
    border: 1px solid #000;
    padding: 2px 15px; }
  #mini-special02 .mini_sp02_corona_table01 th {
    background: #008cd6;
    color: #fff;
    text-align: center; }
  #mini-special02 .mini_sp02_corona_table01 td {
    text-align: center;
    font-weight: normal; }
  #mini-special02 .mini_sp02_corona_table01 tbody tr:nth-of-type(even) {
    background: #d3e6f6; }
  #mini-special02 .mini_sp02_corona_table01 .wh {
    background: #fff; }
#mini-special02 .mini_sp02_box01_small_txt01 {
  margin-top: 5px;
  font-size: 13px; }
#mini-special02 .mini_sp02_contact01 dt, #mini-special02 .mini_sp02_contact01 dd {
  float: left; }
#mini-special02 .mini_sp02_contact01 dt {
  background: #666;
  border-radius: 4px;
  padding: 2px 3px 0;
  color: #FFF;
  font-weight: bold; }
#mini-special02 .mini_sp02_contact01 dd {
  margin: 2px 0 0 5px; }

.pagebreak {
  break-after: page; }

/************************************************

	ひろば 追加

*************************************************/
#hiroba #present {
  background: #fff5d7;
  margin-top: 40px; }
  #hiroba #present .inner {
    margin: 0;
    padding: 0 15px 15px; }
  #hiroba #present .ttl {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  #hiroba #present .box_present {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px; }
    #hiroba #present .box_present > div {
      width: 49%; }
    #hiroba #present .box_present h4 {
      padding: 0;
      text-indent: -30px;
      padding-left: 30px; }
      #hiroba #present .box_present h4.ttl01 {
        color: #7c6c63; }
      #hiroba #present .box_present h4.ttl02 {
        color: #e60012; }
      #hiroba #present .box_present h4 .small {
        color: #000;
        font-weight: normal; }
      #hiroba #present .box_present h4 .num {
        color: #fff;
        border-radius: 100%;
        padding: 0px 7px;
        margin-right: 5px;
        font-size: 90%; }
        #hiroba #present .box_present h4 .num.a {
          background: #7c6c63; }
        #hiroba #present .box_present h4 .num.b {
          background: #e60012; }
    #hiroba #present .box_present .eco {
      display: -webkit-flex;
      display: flex;
      align-items: center;
      background: #e2ecaf;
      padding: 5px; }
  #hiroba #present .box_apply dl {
    display: -webkit-flex;
    display: flex;
    margin-top: 10px; }
    #hiroba #present .box_apply dl dt {
      color: #fff;
      padding: 2px 8px;
      font-size: 110%;
      flex-shrink: 0;
      width: 65px;
      margin-right: 10px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center; }
    #hiroba #present .box_apply dl:nth-of-type(1) dt {
      background: #e60012; }
    #hiroba #present .box_apply dl:nth-of-type(2) dt {
      background: #ea5504; }
    #hiroba #present .box_apply dl:nth-of-type(3) dt {
      background: #aa7322; }
    #hiroba #present .box_apply dl dd {
      width: 100%; }
    #hiroba #present .box_apply dl .qr {
      bottom: 45px; }
    #hiroba #present .box_apply dl .sttl {
      font-weight: bold;
      width: 70px;
      display: block;
      text-align: justify;
      text-align-last: justify;
      text-justify: inter-ideograph; }
    #hiroba #present .box_apply dl .apply_list li {
      display: -webkit-flex;
      display: flex; }

/************************************************

	福岡県ウェブ物産展

*************************************************/
#mini-special .ttl_h3,
#mini-special .column02 h3,
#mini-special .li_indent01 li::first-letter {
  color: #cf7b0e; }
#mini-special .column02 {
  border-color: #cf7b0e; }
#mini-special .txt_bussan {
  text-align: center; }
  #mini-special .txt_bussan span {
    display: inline-block;
    background: url("../images/mini-special/waku01.png") no-repeat left center, url("../images/mini-special/waku02.png") no-repeat right center;
    padding: 0 15px; }

/************************************************

	小特集2

*************************************************/
#corona h2 {
  color: #fff;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 175%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  background: #008cd6; }
#corona .sttl01 {
  font-weight: bold;
  font-size: 130%;
  text-align: center;
  margin-bottom: 10px; }
#corona .unit_2col {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 20px; }
  #corona .unit_2col .box_r {
    flex-shrink: 0;
    width: 200px;
    margin-left: 10px; }
#corona figure {
  margin-bottom: 10px; }
#corona figcaption {
  text-align: center;
  font-size: 90%;
  margin-top: 1.2%; }
#corona .block_yosan {
  border: 2px solid #0075c2;
  margin-bottom: 15px;
  line-height: 1.62; }
  #corona .block_yosan:nth-of-type(n+2) {
    margin-top: 15px; }
  #corona .block_yosan h3 {
    color: #0075c2;
    border-bottom: 1px solid;
    background: #dff2fc;
    padding: 5px 10px;
    font-size: 130%; }
  #corona .block_yosan h3 + div {
    padding: 10px; }
  #corona .block_yosan dl + dl {
    margin-top: 10px; }
  #corona .block_yosan dl dt {
    font-size: 110%;
    font-weight: bold; }
    #corona .block_yosan dl dt::first-letter {
      color: #00a5e3; }
#corona .movie {
  text-align: center;
  background: #d3e6f6;
  padding: 10px 5px; }
  #corona .movie .sttl01 {
    margin: 5px 0;
    font-size: 120%; }

/************************************************

	特集

*************************************************/
#special02 .sec01 {
  margin-top: 30px; }
  #special02 .sec01 .product_list {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px dotted #cec5a6;
    border-left: 1px dotted #cec5a6; }
    #special02 .sec01 .product_list:last-of-type {
      border-top: none; }
    #special02 .sec01 .product_list li {
      width: calc(100% / 3);
      padding: 10px;
      box-sizing: border-box;
      border-right: 1px dotted #cec5a6;
      border-bottom: 1px dotted #cec5a6; }
#special02 .sec02 {
  margin-top: 50px;
  background: #fffcdb;
  border: 1px dashed #007f41;
  padding: 10px;
  border-radius: 10px;
  position: relative; }
  #special02 .sec02 .img01 {
    position: absolute;
    right: -33px;
    top: -5px; }
  #special02 .sec02 .img02 {
    position: absolute;
    top: 10px;
    left: 15px; }
  #special02 .sec02 .img03 {
    position: absolute;
    top: 1px;
    right: 65px; }
  #special02 .sec02 h3 {
    margin-top: -40px; }
  #special02 .sec02 .event {
    display: -webkit-flex;
    display: flex;
    margin-top: 10px; }
    #special02 .sec02 .event dt {
      color: #fff;
      background: #e60012;
      flex-shrink: 0;
      padding: 0 5px;
      margin-right: 10px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      text-align: center;
      font-weight: bold; }
    #special02 .sec02 .event .tag {
      color: #e60012;
      background: #fff;
      border: 1px solid;
      font-size: 90%;
      padding: 1px 3px;
      font-weight: bold;
      margin-right: 5px;
      width: 90px;
      display: inline-block;
      text-align: center; }
    #special02 .sec02 .event dd ul li {
      margin-top: 5px; }
    #special02 .sec02 .event dd .low {
      margin-left: 174px;
      margin-top: 5px; }
  #special02 .sec02 .search_wrap {
    margin-top: -45px; }
#special02 .sec03 h4 {
  color: #fff;
  text-align: center;
  font-size: 120%;
  border-radius: 30px;
  padding: 2px;
  width: 75%;
  margin: 0 auto 5px; }
  #special02 .sec03 h4.sttl01 {
    background: #df7403; }
  #special02 .sec03 h4.sttl02 {
    background: #0081cc; }
  #special02 .sec03 h4.sttl03 {
    background: #804c2e;
    position: relative; }
    #special02 .sec03 h4.sttl03 img {
      position: absolute;
      top: -10px;
      left: -10px; }
#special02 .sec03 .block01 {
  background: #fff3de;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box; }
#special02 .sec03 .column {
  padding: 10px;
  background: #fff; }
  #special02 .sec03 .column .txt {
    font-size: 90%; }
#special02 .sec04 {
  margin-top: 50px;
  border: 1px dashed #aa7322;
  padding: 10px;
  border-radius: 10px;
  position: relative; }
  #special02 .sec04 h3 {
    margin-top: -40px; }