@charset "UTF-8";
/*
 * CSS for PC
 * @date     2017.03.21
 * @author   Sungjoon Park
 */
/* ------------------------------------------

------------------------------------------ */
#widewrapper {
  width: 100%;
}

#keyVisual {
  width: 100%;
  margin: auto auto 30px auto;
  max-width: 1500px;
}

#keyVisual img {
  width: 100%;
  display: block;
}

#keyVisual h1 {
  text-indent: inherit;
  position: absolute;
  width: 760px;
  text-align: center;
  color: #ffffff;
  font-size: 60px;
  left: 50%;
  margin-left: -380px;
  margin-top: 140px;
  line-height: 1.2;
}

#keyVisual h1 span {
  display: block;
  font-size: 24px;
  font-weight: normal;
  margin-top: 12px;
  line-height: 1.5;
}

.pc {
  display: block;
}

.sp {
  display: none !important;
}

.page_term {
  font-size: 13px;
  line-height: 1.5;
  width: 950px;
  margin: auto auto 30px auto;
  text-align: center;
}

/* ----- nav -----*/
#pageTab {
  width: 950px;
  margin: auto auto 50px auto;
}

#pageTab ul {
  z-index: 99;
}

#pageTab ul.tab5 li {
  margin: 0;
  background: #ffffff;
  width: 190px;
}

#pageTab ul li a {
  background: #dedede;
  height: auto;
  padding: 20px 0;
  font-size: 20px;
}

#contentsArea #pageTab ul li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* ----- contents -----*/
#contents.column1 {
  width: 950px;
  padding: 0;
  margin: auto;
  background: #fff;
}

.page_cpn .cpn_box {
  width: 450px;
  float: left;
  margin-left: 50px;
}

.page_cpn .cpn_box:nth-child(2n-1) {
  margin-left: 0;
}

.page_cpn .cpn_box img {
  display: block;
}

.page_cpn .cpn_box a:hover img {
  opacity: 0.8;
}

.char {
  display: block;
  line-height: 1.7;
  font-size: 13px;
}

.cpCal,
.cpUser,
.cpPoint,
.cpTogether {
  padding-left: 16px;
  padding-right: 4px;
  background-size: auto;
  background-repeat: no-repeat;
}

.cpCal {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpCal.svg);
}

.cpUser {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpUser.svg);
}

.cpPoint {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpPoint.svg);
}

.cpTogether {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/cpTogether.svg);
  background-position: left 2px;
}

.cpVol {
  font-weight: bold;
}

#contentsArea .jdsColorBoxHtml {
  display: block;
  font-size: 13px;
  text-decoration: underline;
  text-align: center;
  margin-top: 10px;
}

#colorbox {
  width: 800px !important;
  height: 100% !important;
  position: fixed !important;
  top: 5vh !important;
  left: 50% !important;
  margin-left: -400px !important;
}

.tableholder {
  max-height: 90vh !important;
}

#cboxWrapper {
  height: auto !important;
  overflow: auto !important;
  width: 800px !important;
}

#cboxContent {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  height: 100% !important;
}

#cboxMiddleLeft {
  height: 100% !important;
}

#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
  height: 100% !important;
}

#cboxLoadedContent {
  background: #fff !important;
  border: none !important;
  box-sizing: border-box;
  height: auto !important;
  width: 100% !important;
  overflow: hidden;
}

#inline_content1,
#inline_content2 {
  list-style: none !important;
  font-size: 13px;
}

.page_cpn {
  margin-bottom: 40px;
}

.coupon_img {
  width: 100%;
  height: auto;
}

.cpn_box_txtbox {
  padding: 20px 20px 0 20px;
  background: #fff;
  color: #333;
}

.cpn_box_txtbox dt {
  font-size: 14px;
}

.cpn_box_txtbox dd {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.cpn_box_txtbox dd em {
  font-style: normal;
  font-size: 120%;
  display: block;
  font-weight: bold;
}

#cboxClose {
  background: url(../images/close.jpg) top right no-repeat !important;
  background-position-x: center;
  background-position-y: top;
  width: 25px !important;
  height: 25px !important;
}

.tableholder {
  position: relative;
}

.tableholder table {
  background-color: #fff;
  border-left: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
  font-size: 13px;
  line-height: 1.4;
  display: block;
}

.tableholder table td {
  border-right: 1px solid #b4b4b4;
  padding: 8px;
  border-bottom: 1px solid #b4b4b4;
}

.tableholder table tr:first-child {
  color: #fff;
}

.tableholder table tr:first-child td {
  text-align: center !important;
  background-color: #1ba81b !important;
}

.tableholder table tr:last-child td {
  font-size: 11px;
}

.tableholder table tr td:first-child {
  background-color: #e1e1e1;
  text-align: right;
  width: 200px;
  font-weight: bold;
}

.coupon-guide {
  max-width: 912px;
  margin: 0 auto 1.75em;
  font-size: 13px;
  text-align: right;
}

.coupon-guide a {
  display: inline-block;
  padding: 0.25em 0.5em 0.5em 0.9em;
  border-radius: 4px;
  background-color: #e1e1e1;
}

.coupon-guide a::after {
  display: inline-block;
  content: "";
  background-image: url(https://img.travel.rakuten.co.jp//special/sales/template/html/images/Linkwindow.svg);
  width: 16px;
  height: 16px;
  position: relative;
  right: -2px;
}

/* -----  -----*/
.page_h2 {
  background: #777;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 25px;
  font-size: 25px;
}

.page_box_sty1 {
  width: 950px;
  margin: auto auto 45px auto;
}

.page_box1 {
  width: 430px;
  float: left;
  margin-left: 30px;
  margin-bottom: 30px;
}

.box1img img {
  display: block;
  width: 100%;
}

.page_box1 h3 {
  font-size: 18px;
  margin: 15px 0 12px;
}

.txtfont13 {
  font-size: 14px;
  line-height: 1.4;
}

.page_box1 .ss-center .cp__acordion {
  clear: both;
}

.page_box1 .cp__acordion .cp__trigger:hover {
  background-color: #bababa;
  color: #ffffff;
}

.page_box1 .cp__acordion .cp__trigger {
  font-size: 13px;
  display: block;
  position: relative;
  padding: 10px;
  cursor: pointer;
}

.page_box1 .cp__acordion .cp__trigger::after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 7px;
  margin-top: -3.5px;
  background-repeat: no-repeat;
}

.page_box1 .cp__acordion li .cp__trigger {
  background: #e1e1e1;
}

.page_box1 .cp__liststyle-dot > * {
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.page_box1 .cp__acordion ul.submenu {
  background-color: #f0f0f0;
  padding: 8px 10px 10px 10px;
  line-height: 1.4;
}

.page_box1 .cp__acordion .cp__trigger::after {
  background-image: url(../images/icon_1.png) !important;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  right: 6px;
}

.page_box1 .cp__acordion .cp__trigger.active-submenu::after {
  background-image: url(../images/icon_2.png) !important;
  background-size: 22px 22px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  right: 6px;
}

.holder {
  margin-top: 12px;
}

.cp_right {
  display: none;
}

.fixBnr2 {
  position: fixed;
  display: block;
  right: 10px;
  bottom: 40px;
  z-index: 100;
}

#contents .pagetop_btn {
  width: 90px;
  z-index: 999;
}

.pagetop_btn li {
  margin-bottom: 1px;
}

.pagetop_btn li a {
  background: #dedede;
  width: 90px;
  display: block;
  text-align: center;
  padding: 10px 0;
}

#contentsArea .pagetop_btn li a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/* ----- Access -----*/
.accessBox {
  border: none;
  margin-bottom: 45px;
}

.column1 .accessBox .map {
  width: 600px;
  margin: auto;
  float: none;
  height: 450px;
  margin-bottom: 10px;
}

.column1 .accessBox .map iframe {
  width: 100%;
  display: block;
  height: 450px;
}

.column1 .accessBox .route {
  width: 600px;
  float: none;
  margin: auto;
}

#search-box h1 {
  display: none;
}

.column1 #search-box {
  margin: auto;
}

.disclaimer {
  margin: 20px auto 40px;
  font-size: 13px;
  text-align: center;
  padding: 1em 0;
  background-color: #efefef;
  border-radius: 30px;
}

#newetiquette {
  width: 900px;
  text-align: center;
  margin: 60px auto;
  background: #eee;
  padding: 15px 0;
}

#newetiquette a {
  color: #0059B2 !important;
}

#pageInquiry .inquiryTable {
  width: 900px;
  margin: 60px auto 20px;
  font-size: 14px;
  border-collapse: collapse;
}

#pageInquiry th,
#pageInquiry td {
  border: solid 1px #aaa;
  padding: 22px;
}

#pageInquiry th {
  background-color: #efefef;
}

#pageInquiry .inquiryTable a {
  color: #0059B2;
}

.page_footer {
  background: #f7f7f7;
  padding: 10px 12px;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  margin: 0 10px 12px 10px;
}

.page_footer ul {
  width: 950px;
  margin: auto;
}

.page_footer ul li {
  margin-bottom: 6px;
}

.page_footer a {
  color: #777;
  font-size: 13px;
  line-height: 1.6;
  text-decoration: none;
}

.page_footer a:hover {
  text-decoration: underline;
}

.page_footer p {
  width: 950px;
  margin: auto;
}

.page_footer p span {
  display: inline-block;
  margin-right: 12px;
}

#contentsArea .cpn_box .btn {
  width: 220px;
  margin: 20px auto auto auto;
}

#contentsArea .cpn_box .btn .main {
  border: 2px solid #7bb33e;
  border-radius: 5px;
  background-color: #fff;
  color: #7bb33e;
  text-align: center;
  display: block;
  margin: 0px auto;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
  font-size: 16px;
}

#contentsArea .cpn_box .btn .main:after {
  position: absolute;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDNkQ4N0ZGMzJGQzRFNzExODg5RkM1RTg2NEE3ODZENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzczMUIzN0M1QjcxMUU3ODhGNEZFQzVFMjgxMEUyOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzczMUIzNkM1QjcxMUU3ODhGNEZFQzVFMjgxMEUyOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCMjI2MTI1MUFDNUU3MTE5RkIzOUM4RTk0QkM0M0U5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2RDg3RkYzMkZDNEU3MTE4ODlGQzVFODY0QTc4NkQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xa2QmQAAAM5JREFUeNpc0L8LAWEcx/HnZLiBQcmk/AVKdu4fMCr5D1hJEqV0GSwkshoNYmCVTPwZwmAxUSTnvO96Tg9Pvfo+d9/P8+NOqy/SdyGEjgoGZmbzEMrwYQ0LTRQbS0P/DxQwQQAt51kNabZtC15EmXeQxw0NjDju6QacQShGMZGToTZW34AMRShDZPHCzid+RxghOb/g7FdWJyg9GNijiq13SafZRwpHlLjg1P1MmklqVzZPKGPm7ewcMUYcB9mcs/qt/qggrqjJpqXe+iPAAHnLRIHtZQkmAAAAAElFTkSuQmCC) 0 0 no-repeat;
  height: 12px;
  width: 8px;
  right: 12px;
  top: 50%;
  margin-top: -6px;
  display: block;
}

#contentsArea .cpn_box .btn .main:hover {
  opacity: 0.8;
}

.page_foot_box {
  width: 950px;
  margin: 50px auto;
}

.page_foot_box .swiper-slide {
  width: 180px !important;
  font-size: 14px;
}

#contentsArea .gototop_btn {
  margin-top: 20px;
}

#contentsArea .gototop_btn a {
  background: #333;
  color: #fff;
}

#contentsArea .gototop_btn a:hover {
  color: #fff;
}

/* ----- ▼▼▼米子市追加部分▼▼▼ -----*/
html {
  overflow: auto;
}

body {
  overflow: hidden;
  min-width: 1100px;
}

.yonago {
  color: #333333;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
.yonago * {
  box-sizing: border-box;
}
.yonago *:focus {
  outline: none;
}
.yonago .inner {
  width: 960px;
  margin: 0 auto;
}
.yonago img {
  vertical-align: bottom;
  padding: 0;
  margin: 0;
  border: none;
  max-width: 100%;
}
.yonago .cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.yonago ol,
.yonago ul {
  list-style-type: none;
}
.yonago .link1 {
  text-decoration: underline !important;
}
.yonago .link1:hover {
  text-decoration: none !important;
}
.yonago table {
  border-collapse: collapse;
  border-spacing: 0;
}
.yonago a {
  transition: ease-in 0.2s;
}
.yonago a:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  text-decoration: none;
}
.yonago .sp_none {
  display: block !important;
}
.yonago .sp_block {
  display: none !important;
}
.yonago .btn_more {
  text-align: center;
}
.yonago .btn_more a {
  transition: 0.3s;
  opacity: 1;
}
.yonago .btn_more a:hover {
  opacity: 0.8;
}

#newetiquette {
  border-radius: 50px;
}

.yonago #contents.column1 {
  width: 100%;
}
.yonago .fadein {
  opacity: 0;
  transition: 0.8s;
  transform: translateY(50px);
}
.yonago .fadein.in {
  opacity: 1;
  transform: translateY(0);
}
.yonago .fadein.delay01 {
  transition-delay: 0.5s;
}
.yonago .fadein.delay02 {
  transition-delay: 1s;
}
.yonago .fadein.delay03 {
  transition-delay: 1.5s;
}
.yonago .mv {
  background: url(../images/pic_mv.jpg) no-repeat center top/cover;
  width: 100%;
  padding-top: 5.46875%;
  padding-bottom: 5.46875%;
  position: relative;
}
.yonago .mv::before {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 22px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1;
  padding: 4px 0;
  content: "PR";
  z-index: 3;
}
.yonago .mv .tit_wrap {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.yonago .mv .tit_wrap h1 {
  margin-top: 10px;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.8s;
  width: 44.4791666667%;
}
.yonago .mv .tit_wrap span {
  display: block;
  margin-left: -25px;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.8s;
  transition-delay: 0.5s;
  width: 16.875%;
}
.yonago .mv .map {
  margin-top: 2.8645833333%;
  margin-left: 11.71875%;
  width: 35.3125%;
  opacity: 0;
  transform: translateY(50px);
  transition: 0.8s;
  transition-delay: 1.2s;
}
.yonago .mv.mv_in .tit_wrap h1,
.yonago .mv.mv_in .tit_wrap span {
  opacity: 1;
  transform: translateY(0);
}
.yonago .mv.mv_in .map {
  opacity: 1;
  transform: translateY(0);
}
.yonago .read {
  position: relative;
  background-color: #f7ecde;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.yonago .read .read_inner {
  max-width: 1610px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  position: relative;
  padding-bottom: 36px;
}
.yonago .read .read_inner .ph_read01 {
  position: absolute;
  top: 76px;
  right: 0;
}
.yonago .read .read_inner .ph_read02 {
  position: absolute;
  left: 0;
  bottom: 0;
}
.yonago .read::before {
  position: absolute;
  content: "";
  background: url(../images/bg_read_bottom.png) no-repeat center top/contain;
  width: 100%;
  height: 139px;
  bottom: -138px;
  left: 0;
}
.yonago .read .text {
  text-align: center;
  font-size: 20px;
  line-height: 2.8;
}
.yonago .read .read_btn {
  margin-top: 65px;
  margin-left: auto;
  margin-right: auto;
}
.yonago .nav_wrap {
  margin-top: 195px;
}
.yonago .nav_wrap ul {
  display: flex;
  justify-content: right;
}
.yonago .nav_wrap ul li {
  position: relative;
}
.yonago .nav_wrap ul li::after {
  position: absolute;
  content: "";
  background: url(../images/pic_nav_line.png) no-repeat;
  width: 156px;
  height: 22px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.yonago .nav_wrap ul li:hover::after {
  opacity: 1;
}
.yonago .nav_wrap ul li::before {
  position: absolute;
  content: "";
  background: url(../images/pic_nav_line.png) no-repeat;
  width: 156px;
  height: 22px;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.5s;
  pointer-events: none;
}
.yonago .nav_wrap ul li.line::before {
  opacity: 1;
}
.yonago .nav_wrap ul li a {
  width: 158px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.yonago .nav_wrap ul li a::before {
  position: absolute;
  content: "";
  background: url(../images/pic_nav_side.png) no-repeat;
  left: -7px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 14px;
}
.yonago .nav_wrap ul li:last-child a::after {
  position: absolute;
  content: "";
  background: url(../images/pic_nav_side.png) no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 14px;
}
.yonago .float_nav {
  position: fixed;
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  transition: 0.8s;
  background-color: #fff;
}
.yonago .float_nav.in {
  transform: translateY(0);
}
.yonago .pickup {
  width: 100%;
  background: url(../images/bg_pickup.jpg) no-repeat center top/cover;
  padding-top: 88px;
}
.yonago .pickup h2 {
  width: 1054px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.yonago .pickup .swiper_wrap {
  margin-top: 30px;
  padding-left: 60px;
  padding-right: 60px;
  position: relative;
  z-index: 1;
}
.yonago .pickup .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets,
.yonago .pickup .swiper_wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
.yonago .pickup .swiper_wrap .swiper-pagination-custom,
.yonago .pickup .swiper_wrap .swiper-pagination-fraction {
  bottom: -40px;
  left: 68px;
  width: auto;
}
.yonago .pickup .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.yonago .pickup .swiper_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 0;
  margin-right: 20px;
  opacity: 1;
  background-color: #cacaca;
  width: 14px;
  height: 14px;
}
.yonago .pickup .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.yonago .pickup .swiper_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.yonago .pickup .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.yonago .pickup .swiper_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #33b35e;
}
.yonago .pickup .text {
  width: 691px;
  background-color: #fff;
  margin-left: auto;
  margin-right: 0;
  margin-top: -160px;
  padding: 40px;
  position: relative;
  z-index: 2;
}
.yonago .pickup .text .img_wrap {
  position: absolute;
  right: 40px;
  bottom: -25px;
}
.yonago .route {
  padding-top: 102px;
}
.yonago .route h2 {
  text-align: center;
  position: relative;
}
.yonago .route h2::before {
  position: absolute;
  content: "";
  background: url(../images/tit_route_item.png) no-repeat;
  width: 232px;
  height: 129px;
  top: 20px;
  right: -14px;
}
.yonago .route .text_top {
  text-align: center;
  margin-top: 40px;
  line-height: 2;
}
.yonago .route .start {
  margin-top: 16px;
  background: url(../images/bg_start.png) no-repeat;
  padding-left: 358px;
  padding-top: 85px;
  padding-right: 40px;
  width: 824px;
  height: 411px;
}
.yonago .route .start .text {
  margin-top: 15px;
  line-height: 1.8;
}
.yonago .route .start .notes {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.4;
}
.yonago .spot {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.yonago .spot.fadein {
  transform: translateY(0);
  opacity: 1;
}
.yonago .spot.fadein .text h3 {
  transform: translateX(-50px);
  opacity: 0;
  transition: 0.8s;
}
.yonago .spot.fadein .text p {
  transform: translateX(-50px);
  opacity: 0;
  transition: 0.8s;
  transition-delay: 0.5s;
}
.yonago .spot.fadein .ph_img {
  opacity: 0;
}
.yonago .spot.fadein.in .text h3 {
  transform: translateX(0);
  opacity: 1;
}
.yonago .spot.fadein.in .text p {
  transform: translateX(0);
  opacity: 1;
}
.yonago .spot.fadein.in .ph_img {
  animation-name: flipLeftAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  perspective-origin: left center;
  animation-delay: 1s;
}
.yonago .spot .swiper_wrap {
  position: relative;
}
.yonago .spot .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets,
.yonago .spot .swiper_wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
.yonago .spot .swiper_wrap .swiper-pagination-custom,
.yonago .spot .swiper_wrap .swiper-pagination-fraction {
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
.yonago .spot .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.yonago .spot .swiper_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 0;
  margin-right: 20px;
  opacity: 1;
  background-color: #cacaca;
  width: 14px;
  height: 14px;
}
.yonago .spot .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.yonago .spot .swiper_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.yonago .spot .swiper_wrap .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.yonago .spot .swiper_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #33b35e;
}
.yonago .spot .text p {
  margin-top: 15px;
}
.yonago .station {
  margin-top: 160px;
}
.yonago .station::before {
  position: absolute;
  content: "";
  background: url(../images/pic_station_item.png) no-repeat;
  width: 770px;
  height: 216px;
  top: -155px;
  left: 206px;
}
.yonago .station .text {
  width: 373px;
}
.yonago .ramen {
  flex-direction: row-reverse;
  padding-top: 10px;
}
.yonago .ramen::before {
  position: absolute;
  content: "";
  background: url(../images/pic_ramen_item.png) no-repeat;
  width: 555px;
  height: 355px;
  top: 0;
  left: -33px;
  z-index: -1;
}
.yonago .ramen .ph_img {
  padding-left: 78px;
}
.yonago .ramen .text {
  margin-top: 85px;
  width: 50%;
  position: relative;
}
.yonago .ramen .text::before {
  position: absolute;
  content: "";
  background: url(../images/tit_ramen_item.png) no-repeat;
  width: 170px;
  height: 57px;
  top: -20px;
  right: 150px;
}
.yonago .road {
  margin-top: 30px;
}
.yonago .road::before {
  position: absolute;
  content: "";
  background: url(../images/pic_road_item.png) no-repeat;
  width: 607px;
  height: 264px;
  bottom: -162px;
  right: 13px;
  z-index: -1;
}
.yonago .road .text {
  width: 375px;
  margin-top: 55px;
}
.yonago .road .ph_img {
  padding-right: 86px;
}
.yonago .bg_blue {
  background-color: #eaf5fc;
  margin-top: 100px;
  padding-bottom: 95px;
}
.yonago .town {
  flex-direction: row-reverse;
}
.yonago .town::before {
  position: absolute;
  content: "";
  background: url(../images/pic_town_item.png) no-repeat;
  top: 50px;
  right: 46px;
  width: 134px;
  height: 119px;
}
.yonago .town .text {
  margin-top: 80px;
  padding-right: 40px;
  width: 414px;
}
.yonago .town .ph_img {
  margin-top: -50px;
}
.yonago .town .ph_img .swiper_wrap {
  width: 500px;
}
.yonago .info {
  flex-direction: column-reverse;
  margin-top: -67px;
  width: 403px;
  margin-left: auto;
  margin-right: 0;
  text-align: left;
}
.yonago .info::before {
  position: absolute;
  content: "";
  background: url(../images/pic_info_item.png) no-repeat;
  top: 34px;
  left: -115px;
  width: 526px;
  height: 235px;
  z-index: -1;
}
.yonago .info .text {
  margin-top: 25px;
}
.yonago .info .text .notes {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.4;
}
.yonago .kamogawa {
  margin-top: -220px;
  align-items: flex-end;
  flex-direction: row-reverse;
}
.yonago .kamogawa::before {
  position: absolute;
  content: "";
  background: url(../images/pic_kamogawa_item.png) no-repeat;
  top: -175px;
  left: -87px;
  width: 182px;
  height: 150px;
}
.yonago .kamogawa .text {
  width: 50%;
}
.yonago .kamogawa .text .notes {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.4;
}
.yonago .kamogawa .ph_img {
  padding-left: 65px;
}
.yonago .spot_slider {
  margin-top: 123px;
  position: relative;
}
.yonago .spot_slider::before {
  position: absolute;
  content: "";
  background: url(../images/pic_spot_slide_item01.png) no-repeat;
  width: 1004px;
  height: 105px;
  left: -30px;
  top: -115px;
}
.yonago .spot_slider::after {
  position: absolute;
  content: "";
  background: url(../images/pic_spot_slide_item02.png) no-repeat;
  width: 134px;
  height: 176px;
  left: 444px;
  bottom: -162px;
}
.yonago .spot_slider .swiper_wrap .swiper-wrapper {
  transition-timing-function: linear;
}
.yonago .parfait {
  flex-direction: row-reverse;
  margin-top: 63px;
}
.yonago .parfait::before {
  position: absolute;
  content: "";
  background: url(../images/pic_parfait_item.png) no-repeat;
  width: 995px;
  height: 394px;
  top: 60px;
  left: -32px;
}
.yonago .parfait .text {
  margin-right: 62px;
  margin-top: 145px;
  width: 380px;
}
.yonago .castle {
  margin-top: 97px;
  width: 966px;
  margin-left: auto;
  margin-right: auto;
}
.yonago .castle::before {
  position: absolute;
  content: "";
  background: url(../images/pic_castle_item02.png) no-repeat;
  width: 395px;
  height: 210px;
  bottom: -182px;
  left: 150px;
}
.yonago .castle .text {
  width: 370px;
}
.yonago .castle .text .notes {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.4;
}
.yonago .castle .swiper_wrap {
  width: 543px;
}
.yonago .castle .swiper_wrap::before {
  position: absolute;
  content: "";
  background: url(../images/pic_castle_item01.png) no-repeat;
  width: 169px;
  height: 39px;
  top: -55px;
  right: -22px;
}
.yonago .castle .swiper_wrap .img_wrap {
  padding-right: 3px;
}
.yonago .castle .swiper_wrap .text_wrap {
  position: absolute;
  bottom: 20px;
  right: 0;
}
.yonago .gourmet {
  padding-top: 80px;
  padding-bottom: 100px;
  margin-top: 130px;
  width: 100%;
  background-color: #f7ecde;
}
.yonago .gourmet h2 {
  text-align: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.yonago .gourmet h2::before {
  position: absolute;
  content: "";
  background: url(../images/pic_gourmet_item.png) no-repeat;
  width: 253px;
  height: 100px;
  top: auto;
  bottom: -35px;
  right: -160px;
}
.yonago .saba {
  margin-top: 65px;
}
.yonago .saba::before {
  position: absolute;
  content: "";
  background: url(../images/pic_saba_item.png) no-repeat;
  width: 102px;
  height: 296px;
  top: 82px;
  left: -40px;
}
.yonago .saba .text {
  margin-top: 75px;
  width: 370px;
}
.yonago .saba .text h3 {
  margin-left: 40px;
}
.yonago .saba .ph_img {
  padding-right: 20px;
}
.yonago .crab {
  margin-top: -15px;
  flex-direction: row-reverse;
}
.yonago .crab::before {
  position: absolute;
  content: "";
  background: url(../images/pic_crab_item.png) no-repeat;
  width: 359px;
  height: 106px;
  top: 65px;
  right: 20px;
}
.yonago .crab .text {
  margin-top: 90px;
  width: 370px;
}
.yonago .crab .text h3 {
  margin-left: 40px;
}
.yonago .crab .ph_img {
  margin-left: 20px;
}
.yonago .chicken::before {
  position: absolute;
  content: "";
  background: url(../images/pic_chicken_item.png) no-repeat;
  width: 1078px;
  height: 447px;
  top: 105px;
  left: -18px;
}
.yonago .chicken .text {
  margin-top: 100px;
  width: 370px;
}
.yonago .chicken .text h3 {
  margin-left: 38px;
}
.yonago .chicken .ph_img {
  margin-right: 20px;
}
.yonago h2.time {
  margin-top: 100px;
}
.yonago h2.time::before {
  position: absolute;
  content: "";
  background: url(../images/pic_time_item.png) no-repeat;
  width: 141px;
  height: 60px;
  left: 52px;
  top: auto;
  bottom: 42px;
}
.yonago .stay {
  margin-top: 43px;
  flex-direction: row-reverse;
}
.yonago .stay .text {
  width: 370px;
}
.yonago .stay .text .btn_more {
  margin-top: 78px;
}
.yonago .bg_pink {
  margin-top: 15px;
  padding-top: 170px;
  padding-bottom: 180px;
  background: url(../images/bg_pink.png) no-repeat center top;
}
.yonago .spa {
  z-index: 2;
}
.yonago .spa .text {
  width: 380px;
}
.yonago .spa .swiper_wrap {
  width: 540px;
}
.yonago .relax {
  margin-top: -23px;
  flex-direction: row-reverse;
  z-index: 1;
}
.yonago .relax .text {
  margin-top: 120px;
  width: 534px;
}
.yonago .relax .text .btn_more {
  margin-top: 40px;
  text-align: right;
}
.yonago .relax .ph_img {
  margin-left: 24px;
}
.yonago .hurusato {
  background-color: #f7ecde;
  padding-top: 90px;
  padding-bottom: 80px;
  margin-top: 65px;
}
.yonago .hurusato .hurusato_inner {
  position: relative;
}
.yonago .hurusato .hurusato_inner .ph_item01 {
  position: absolute;
  top: -26px;
  right: -23px;
}
.yonago .hurusato .hurusato_inner .ph_item02 {
  position: absolute;
  top: 42px;
  left: -84px;
}
.yonago .hurusato .hurusato_inner .ph_item03 {
  position: absolute;
  right: -16px;
  bottom: -23px;
  z-index: 1;
}
.yonago .hurusato .hurusato_inner .ph_item04 {
  position: absolute;
  left: 35px;
  bottom: -55px;
}
.yonago .hurusato .hurusato_inner h2 {
  text-align: center;
}
.yonago .hurusato .hurusato_inner .text {
  margin-top: 45px;
  width: 588px;
  margin-left: auto;
  margin-right: auto;
}
.yonago .hurusato .hurusato_inner .box_wrap {
  position: relative;
  z-index: 2;
  margin-top: 75px;
  width: 100%;
}
.yonago .hurusato .hurusato_inner .box_wrap ul {
  background-color: #fff;
  border: 1px solid #333333;
  border-radius: 8px;
  display: flex;
}
.yonago .hurusato .hurusato_inner .box_wrap ul li {
  width: 240px;
  text-align: center;
  padding-top: 77px;
  padding-bottom: 40px;
  position: relative;
  line-height: 1.4;
}
.yonago .hurusato .hurusato_inner .box_wrap ul li::before {
  position: absolute;
  content: "";
  right: -5px;
  top: 50%;
  background: url(../images/pic_hurusato_line.png);
  height: 188px;
  width: 10px;
  transform: translateY(-50%);
}
.yonago .hurusato .hurusato_inner .box_wrap ul li:last-child::before {
  display: none;
}
.yonago .hurusato .hurusato_inner .box_wrap ul li .step_img {
  position: absolute;
  left: 50%;
  top: -25px;
  transform: translateX(-50%);
}
.yonago .hurusato .hurusato_inner .box_wrap ul li h3 {
  font-weight: bold;
  font-size: 21px;
}
.yonago .hurusato .hurusato_inner .box_wrap ul li .desc {
  margin-top: 25px;
  font-size: 15px;
}
.yonago .hurusato .hurusato_inner .btn_more {
  margin-top: 73px;
}
.yonago .access {
  padding-top: 40px;
}
.yonago .access .notes {
  text-align: center;
  font-size: 14px;
}
.yonago .access h2 {
  margin-top: 50px;
  text-align: center;
}
.yonago .access .map {
  margin-top: 38px;
}
.yonago .access .map iframe {
  width: 100%;
  height: 411px;
}
.yonago .access .access_route {
  margin-top: 44px;
}
.yonago .access .access_route ul {
  display: flex;
  gap: 0 48px;
  justify-content: center;
}
.yonago .access .access_route ul li {
  width: 271px;
}
.yonago .access .access_route ul li h3 {
  padding-left: 52px;
  padding-bottom: 10px;
  border-bottom: 1px solid #898989;
  position: relative;
  font-size: 20px;
}
.yonago .access .access_route ul li p {
  margin-top: 25px;
  padding-left: 20px;
  position: relative;
}
.yonago .access .access_route ul li p::before {
  position: absolute;
  content: "■";
  left: 0;
  top: 0;
  font-size: 16px;
}
.yonago .access .access_route ul li p + p {
  margin-top: 20px;
}
.yonago .access .access_route ul li.airplane h3::before {
  position: absolute;
  content: "";
  background: url(../images/ico_airplane.svg) no-repeat;
  width: 39px;
  height: 19px;
  top: 8px;
  left: 0;
}
.yonago .access .access_route ul li.train h3 {
  padding-left: 36px;
}
.yonago .access .access_route ul li.train h3::before {
  position: absolute;
  content: "";
  background: url(../images/ico_train.svg) no-repeat;
  width: 24px;
  height: 29px;
  top: 0;
  left: 0;
}
.yonago .access .access_route ul li.car h3::before {
  position: absolute;
  content: "";
  background: url(../images/ico_car.svg) no-repeat;
  width: 40px;
  height: 18px;
  top: 8px;
  left: 0;
}
.yonago .search {
  margin-top: 50px;
}
.yonago .search h2 {
  text-align: center;
  background-color: #fff;
}

@media screen and (max-width: 1380px) {
  .yonago .read .read_inner .text {
    font-size: max(calc(20 / 1380 * 100vw),16px);
  }
  .yonago .read .read_inner .ph_read01 {
    width: 23.1884057971%;
  }
  .yonago .read .read_inner .ph_read02 {
    width: 23.1884057971%;
  }
  .yonago .read .read_inner .read_btn {
    width: 39.1304347826%;
  }
}
@keyframes flipLeftAnime {
  from {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    opacity: 0;
  }
  to {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
  }
}/*# sourceMappingURL=contents_pc_v2.css.map */