/************** 東北観光フリーパス ********************/
/* TOPページエリアマップ */
.l-wrapper .main_pct_bg {
  position: relative;
  width: 100%;
  height: auto;
  background-image: url("/assets/img/etc/drawari/2022_tohoku/pct_bg_top.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.l-wrapper .main_pct_bg::before {
  display: block;
  content: "";
  padding-top: 267%;
}
.l-wrapper .top_img_no1 {
  display: block;
  position: absolute;
  width: 84%;
  top: 12.45%;
  left: 8%;
}
.l-wrapper .top_img_no2 {
  display: block;
  position: absolute;
  width: 84%;
  top: 51.7%;
  left: 8%;
}
.l-wrapper .top_img_no3 {
  display: block;
  position: absolute;
  width: 84%;
  top: 76.95%;
  left: 8%;
}
/* end TOPページエリアマップ */
/* アンケート */
.l-wrapper .present_flexbox {
  display: flex;
  margin: -12px 0;
  padding: 0 10px;
}
.l-wrapper .present_flexbox_left {
  width: 25%;
}
.l-wrapper .present_flexbox_left img {
  width: 100%;
}
.l-wrapper .present_flexbox_no {
  width: 7%;
  padding-top: 16px;
  padding-left: 2px;
  text-align: right;
  font-size: 75%;
  font-weight: bold;
}
.l-wrapper .present_flexbox_right {
  width: 68%;
  padding-top: 16px;
  font-size: 75%;
}
.l-wrapper .present_flexbox_right_title {
  font-size: 100%;
  font-weight: bold;
}
.l-wrapper .present_ninzu_pink {
  margin-left: 1px;
  padding: 0 1%;
  border-radius: 3px;
  font-weight: bold;
  border: 1px solid deeppink;
  color: deeppink;
  font-size: 75%;
}
.l-wrapper .present_ninzu_green {
  margin-left: 1px;
  padding: 0 1%;
  border-radius: 3px;
  font-weight: bold;
  border: 1px solid #3da414;
  color: #3da414;
  font-size: 75%;
}
.l-wrapper .hr {
  position: relative;
  width: 90%;
  height: 1px;
  border-width: 0;
  background-image:
    -webkit-linear-gradient(left, transparent 0%, #283593 50%, transparent 100%);
  background-image:
    linear-gradient(90deg, transparent 0%, #283593 50%, transparent 100%);
}
.l-wrapper .present_flexbox_left_title_yamagata {
  width: 43px;
  margin: 0 0 5px 0;
  border-radius: 15px;
  border: solid 1px #B70776;
  height: 15px;
  background-color: #FCD0E3;
}
.l-wrapper .present_flexbox_left_title_yamagata p {
  text-align: center;
  font-size: 65%;
  color: #B70776;
  font-weight: bold;
  margin-top: -2px;
}
.l-wrapper .present_flexbox_left_title_aomori {
  width: 80px;
  margin: 0 0 5px 0;
  border-radius: 40px;
  border: solid 1px #02659A;
  background-color: #B9E2F8;
}
.l-wrapper .present_flexbox_left_title_aomori p {
  text-align: center;
  font-size: 0.9em;
  color: #02659A;
  font-weight: bold;
  margin-top: -2px;
}
.l-wrapper .present_flexbox_left_title_iwate {
  width: 43px;
  margin: 0 0 5px 0;
  border-radius: 15px;
  border: solid 1px #230292;
  height: 15px;
  background-color: #DED6F9;
}
.l-wrapper .present_flexbox_left_title_iwate p {
  text-align: center;
  font-size: 65%;
  color: #230292;
  font-weight: bold;
  margin-top: -2px;
}
.l-wrapper .present_flexbox_left_title_akita {
  width: 43px;
  margin: 0 0 5px 0;
  border-radius: 15px;
  border: solid 1px #935202;
  height: 15px;
  background-color: #F9DDBB;
}
.l-wrapper .present_flexbox_left_title_akita p {
  text-align: center;
  font-size: 65%;
  color: #935202;
  font-weight: bold;
  margin-top: -2px;
}
.l-wrapper .present_flexbox_left_title_miyagi {
  width: 43px;
  margin: 0 0 5px 0;
  border-radius: 15px;
  border: solid 1px #E50015;
  height: 15px;
  background-color: #FCD1D5;
}
.l-wrapper .present_flexbox_left_title_miyagi p {
  text-align: center;
  font-size: 65%;
  color: #E50015;
  font-weight: bold;
  margin-top: -2px;
}
.l-wrapper .present_flexbox_left_title_fukushima {
  width: 43px;
  margin: 0 0 5px 0;
  border-radius: 15px;
  border: solid 1px #6C4A01;
  height: 15px;
  background-color: #FBF59F;
}
.l-wrapper .present_flexbox_left_title_fukushima p {
  text-align: center;
  font-size: 65%;
  color: #6C4A01;
  font-weight: bold;
  margin-top: -2px;
}
/* end アンケート */
/* flexbox_pdf */
.flexbox_pdf {
  display: flex;
  box-direction: normal;
  box-orient: horizontal;
  flex-direction: row;
  flex-wrap: wrap;
}
.flexbox_pdf img {
  width: 100%;
}
.flexbox_pdf > li {
  width: 100%;
  padding: 5px 10px 5px 5px;
  max-width: 50%;
}
.flexbox_pdf > li:nth-child(1) {
  padding: 5px 5px 5px 5px;
}
.flexbox_pdf > li:nth-child(2) {
  padding: 5px 0 5px 5px;
}
.flexbox_pdf > li:nth-child(3) {
  padding: 5px 5px 5px 5px;
}
.flexbox_pdf > li:nth-child(4) {
  padding: 5px 0 5px 5px;
}
.flexbox_pdf > li:nth-child(5) {
  padding: 5px 5px 5px 5px;
}
.flexbox_pdf > li:nth-child(6) {
  padding: 5px 0 5px 5px;
}
/* end flexbox_pdf */
@media only screen and (min-width: 641px) {
  /* TOPページエリアマップ */
  .l-wrapper .main_pct_bg {
    position: relative;
    width: 100%;
    height: auto;
    background: url("/assets/img/etc/drawari/2022_tohoku/pct_bg_top.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .l-wrapper .main_pct_bg::before {
    display: block;
    content: "";
    padding-top: 267%;
  }
  .l-wrapper .top_img_no1 {
    display: block;
    position: absolute;
    width: 84%;
    top: 12.45%;
    left: 8%;
  }
  .l-wrapper .top_img_no2 {
    display: block;
    position: absolute;
    width: 84%;
    top: 51.7%;
    left: 8%;
  }
  .l-wrapper .top_img_no3 {
    display: block;
    position: absolute;
    width: 84%;
    top: 76.95%;
    left: 8%;
  }
  /* end TOPページエリアマップ */
  /* アンケート */
  .l-wrapper .present_flexbox {
    display: flex;
    margin: -8px 0;
    padding: 0 10px;
  }
  .l-wrapper .present_flexbox_left {
    width: 20%;
  }
  .l-wrapper .present_flexbox_left img {
    width: 100%;
  }
  .l-wrapper .present_flexbox_no {
    width: 7%;
    padding-top: 20px;
    padding-left: 2px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
  }
  .l-wrapper .present_flexbox_right {
    width: 73%;
    padding-top: 20px;
    font-size: 16px;
  }
  .l-wrapper .present_flexbox_left_title, .present_flexbox_right_title {
    font-size: 16px;
    font-weight: bold;
  }
  .l-wrapper .present_ninzu_pink {
    margin-left: 1px;
    padding: 0 1%;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid deeppink;
    color: deeppink;
    font-size: 14px;
  }
  .l-wrapper .present_ninzu_green {
    margin-left: 1px;
    padding: 0 1%;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid #3da414;
    color: #3da414;
    font-size: 14px;
  }
  .l-wrapper .hr {
    position: relative;
    width: 90%;
    height: 1px;
    border-width: 0;
    background-image:
      -webkit-linear-gradient(left, transparent 0%, #283593 50%, transparent 100%);
    background-image:
      linear-gradient(90deg, transparent 0%, #283593 50%, transparent 100%);
  }
  .l-wrapper .present_flexbox_left_title_yamagata {
    width: 60px;
    margin: 0 0 5px 0;
    border-radius: 15px;
    border: solid 2px #B70776;
    height: 22px;
    background-color: #FCD0E3;
  }
  .l-wrapper .present_flexbox_left_title_yamagata p {
    text-align: center;
    font-size: 85%;
    color: #B70776;
    font-weight: bold;
    margin-top: -4px;
  }
  .l-wrapper .present_flexbox_left_title_aomori {
    width: 80px;
    margin: 0 0 5px 0;
    border-radius: 15px;
    border: solid 2px #02659A;
    height: 30px;
    line-height: 30px;
    background-color: #B9E2F8;
  }
  .l-wrapper .present_flexbox_left_title_aomori p {
    text-align: center;
    font-size: 1.0em;
    color: #02659A;
    font-weight: bold;
    margin-top: -4px;
  }
  .l-wrapper .present_flexbox_left_title_iwate {
    width: 60px;
    margin: 0 0 5px 0;
    border-radius: 15px;
    border: solid 2px #230292;
    height: 22px;
    background-color: #DED6F9;
  }
  .l-wrapper .present_flexbox_left_title_iwate p {
    text-align: center;
    font-size: 85%;
    color: #230292;
    font-weight: bold;
    margin-top: -4px;
  }
  .l-wrapper .present_flexbox_left_title_akita {
    width: 60px;
    margin: 0 0 5px 0;
    border-radius: 15px;
    border: solid 2px #935202;
    height: 22px;
    background-color: #F9DDBB;
  }
  .l-wrapper .present_flexbox_left_title_akita p {
    text-align: center;
    font-size: 85%;
    color: #935202;
    font-weight: bold;
    margin-top: -4px;
  }
  .l-wrapper .present_flexbox_left_title_miyagi {
    width: 60px;
    margin: 0 0 5px 0;
    border-radius: 15px;
    border: solid 2px #E50015;
    height: 22px;
    background-color: #FCD1D5;
  }
  .l-wrapper .present_flexbox_left_title_miyagi p {
    text-align: center;
    font-size: 85%;
    color: #E50015;
    font-weight: bold;
    margin-top: -4px;
  }
  .l-wrapper .present_flexbox_left_title_fukushima {
    width: 60px;
    margin: 0 0 5px 0;
    border-radius: 15px;
    border: solid 2px #6C4A01;
    height: 22px;
    background-color: #FBF59F;
  }
  .l-wrapper .present_flexbox_left_title_fukushima p {
    text-align: center;
    font-size: 85%;
    color: #6C4A01;
    font-weight: bold;
    margin-top: -4px;
  }
  /* end アンケート */
  /* flexbox_pdf */
  .flexbox_pdf {
    display: flex;
    box-direction: normal;
    box-orient: horizontal;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .flexbox_pdf img {
    width: 100%;
  }
  .flexbox_pdf > li {
    width: 100%;
    padding: 5px 10px 5px 5px;
    max-width: 33.3%;
  }
  .flexbox_pdf > li:nth-child(1) {
    padding: 5px 10px 5px 5px;
  }
  .flexbox_pdf > li:nth-child(2) {
    padding: 5px 10px 5px 5px;
  }
  .flexbox_pdf > li:nth-child(3) {
    padding: 5px 0 5px 5px;
  }
  .flexbox_pdf > li:nth-child(4) {
    padding: 5px 10px 5px 5px;
  }
  .flexbox_pdf > li:nth-child(5) {
    padding: 5px 10px 5px 5px;
  }
  .flexbox_pdf > li:nth-child(6) {
    padding: 5px 0 5px 5px;
  }
  /* end flexbox_pdf */
}
/********** 東北観光フリーパス 2022 *************/
/* 申し込みボタン
*/
.tohoku-2022-plan {
  justify-content: center;
}
.tohoku-2022-plan .tohoku, .tohoku-2022-plan .kita, .tohoku-2022-plan .minami {
  width: 100%;
  margin: 12px 1%;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 8px;
  box-shadow: 2px 2px 6px #666;
  transition: 0.4s;
}
@media all and (min-width:641px) {
  .tohoku-2022-plan .tohoku:hover, .tohoku-2022-plan .kita:hover, .tohoku-2022-plan .minami:hover {
    box-shadow: 8px 8px 10px #ccc;
  }
  .tohoku-2022-plan .tohoku, .tohoku-2022-plan .kita, .tohoku-2022-plan .minami {
    width: 40%;
  }
}
.tohoku-2022-plan .tohoku a, .tohoku-2022-plan .kita a, .tohoku-2022-plan .minami a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: large;
  font-weight: bold;
}
.tohoku-2022-plan .tohoku {
  background: linear-gradient(#99CC66, #33CC00);
}
.tohoku-2022-plan .kita {
  background: linear-gradient(#3366FF, #0066CC);
}
.tohoku-2022-plan .minami {
  background: linear-gradient(#FF99CC, #FF6699);
}
/* ドラぷらの旅
*/
.dratabi {
  border: 6px solid #8dc221 !important;
}
.dratabi-inner {
  background: linear-gradient(#008f3b, #8dc221) !important;
  border: 1px solid #fff !important;
  text-shadow: 1px 1px 2px #666;
}
/* プレゼント賞品名　テンプレート上書き css > style.css #8600
*/
.l-container .c-columnsetA > .c-col1 + .c-col2 {
  padding-left: 0;
}
/* プレゼントタイトル
*/
.l-container .shohin-bangou {
  min-width: 1.5em;
  margin-right: 0.3em;
  text-align: right;
  font-size: 1.3em;
  font-weight: bold;
}
@media screen and (min-width:641px) {
  .l-container .shohin-bangou {
    min-width: 2.0em;
  }
}
/* プレゼント名・説明
*/
.l-container .present.dfx-right {
  margin-left: 0;
}
.l-container .shohin-mei {
  font-size: 1.3em;
  font-weight: bold;
}
.l-container .shohin-setsumei {
  margin-top: 12px;
  margin-bottom: 12px;
}
.l-container .shohin-setsumei-low {
  font-size: 1em;
}
/* プレゼント第1回、第2回
*/
.l-container .tousen-dai1, 
.l-container .tousen-dai2, 
.l-container .tousen-dai3 {
  display: inline-block;
  min-width: 100px;
  margin-top: 12px;
  margin-left: 1em;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 0.8em;
  text-align: center;
}
.l-container .tousen-dai1 {
  border: 1px solid orange;
  color: orange;
}
.l-container .tousen-dai2 {
  border: 1px solid limegreen;
  color: limegreen;
}
.l-container .tousen-dai3 {
  border: 1px solid dodgerblue;
  color: dodgerblue;
}
/* プレゼント1回のみ
*/
.l-container .tousen-dai0{
  display: inline-block;
  min-width: 80px;
  min-width: 100px;
  padding: 0 12px;
  border-radius: 4px;
  font-size: 1.0em;
  text-align: center;
  border: 1px solid gray;
  color: gray;
}
/* プレゼント　リンク
*/
.l-container .teikyomoto {
  margin-top: 12px;
  padding-right: 8px;
}
.l-container .link-green {
  color: #2d720a;
  font-size: 0.6em;
  margin-right: 6px;
  line-height: 32px;
}
/* プレゼント提供　県マーク
*/
.l-container .teikyo-ken {
  width: 80px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 40px;
  margin-right: 24px;
  margin-bottom: 8px;
}
.l-container .teikyo-ken.aomori {
  color: #02659A;
  border: solid 2px #02659A;
  background-color: #B9E2F8;
}
.l-container .teikyo-ken.iwate {
  color: #230292;
  border: solid 2px #230292;
  background-color: #ded6f9;
}
.l-container .teikyo-ken.akita {
  color: #935202;
  border: solid 2px #935202;
  background-color: #F9DDBB;
}
.l-container .teikyo-ken.yamagata {
  color: #B70776;
  border: solid 2px #B70776;
  background-color: #FCD0E3;
}
.l-container .teikyo-ken.miyagi {
  color: #E50015;
  border: solid 2px #E50015;
  background-color: #FCD1D5;
}
.l-container .teikyo-ken.fukushima {
  color: #6C4A01;
  border: solid 2px #6C4A01;
  background-color: #FBF59F;
}
.l-container .teikyo-ken.area {
  color: #666666;
  border: solid 2px #666666;
  background-color: #dddddd;
}
/* d-dtyle.cssの設定リセット
*/
.l-wrapper h2 span {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-left: none;
  box-shadow: none;
  background: inherit;
  font-size: 1.0em;
  color: red;
  font-weight: normal;
  line-height: inherit;
  font-style: normal;
}
/* テンプレート集合ボタン　JS組み込み用
*/
.p-scroll-btn {
  cursor: pointer;
}
/* 漢数字リスト　行間変更
*/
.l-container .c-list.cjk-ideographic.tohoku-pp > li {
  margin-top: 0 !important;
}
/* スライダー調整　assets/css/style.css#4724 変更
*/
.l-container .ui-slider .slick-dots {
  visibility: hidden !important;
}
/* 幅設定（PC時パーセント）　assets/css/style.css#9199 追加
*/
/* フェリー、レンタカーへのバナー
*/
.l-container .bnr_box2 {
  width: 620px;
  max-width: 100%;
  margin: 0 auto !important;
}
.l-container .bnr_box2 img {
  width: 300px;
}
@media screen and (min-width:781px) {
  .l-container .bnr_box2 img {
    margin-right: 10px;
  }
}

