@charset "UTF-8";
/*-----------------------------------------------
Theme Name: xeory_extension-child
Theme URI: http://xeory.jp/extension
Template: xeory_extension
-----------------------------------------------*/
@import url('../xeory_extension/style.css');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto&display=swap');

/* ==========================================================================
  Base
========================================================================== */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {-webkit-text-size-adjust: 100%;}

html {font-size: 62.5%;}

body {
  min-width: 1200px;
  color: #333;
  font-family: 'Roboto', 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  font-size: 1.6em;
  line-height: 1.8;
  letter-spacing: .05rem;
  background: none;
}

img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}

p { margin: 0; }

a {
  color: #1a3b80;
  text-decoration: underline;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}

b, em, strong {font-weight: bold;}
em {font-style: normal;}

sup, sub {
  font-size: 1.2rem;
  margin: 0 1px;
  position: relative;
}
sup {
  vertical-align: top;
  top: -.1em;
}
sub {
  vertical-align: bottom;
  bottom: -.1em;
}

hr {display: none;}
blockquote {margin: 0;}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  padding: 0;
  margin: 0;
}
button, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  text-transform: none;
}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
select::-ms-expand {display: none;}
textarea {overflow: auto;}

.clearfix:before, .clearfix:after {content: ''; display: table;}
.clearfix:after {clear: both;}

@media screen and (max-width: 767px) {
  body {
    min-width: 0;
    font-size: 1.4rem;
    font-family: 'Roboto', 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  sub, sup {font-size: 1rem;}
}

/* ==========================================================================
  Layout
========================================================================== */
/* .wrap_content
----------------------------------------------- */
.wrap_content:before, .wrap_content:after {content: ''; display: table;}
.wrap_content:after {clear: both;}

.wrap_content[data-bg-color="01"] { background: #ebf5ee; }
.wrap_content[data-bg-color="02"] { background: #00734c; }

.wrap_content {
  position: relative;
  background: #fff;
}
.wrap_inner {
  width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
}
.wrap_inner > :last-child {
  margin-bottom: 0 !important;
}
.wrap_inner[data-padding="01"] { padding: 80px 40px 100px; }
.wrap_inner[data-padding="02"] { padding: 80px 40px 60px; }

@media screen and (max-width: 767px) {
  .wrap_inner {
    width: auto;
    padding: 0 14px;
  }
  .wrap_inner[data-padding="01"] { padding: 40px 14px 50px; }
  .wrap_inner[data-padding="02"] { padding: 40px 14px 50px; }
}

/* .lyt_flex_container
----------------------------------------------- */
.lyt_flex_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lyt_flex_container[data-column-num="2"] {
  width: 1000px;
  margin: 0 auto;
}
.lyt_flex_container[data-column-num="2"] .col {
  display: table;
  width: 428px;
  margin: 0 4px 4px 0;
  background: #fff;
  padding: 15px;
}
.lyt_flex_container[data-column-num="2"] .col_child {
  display: table-cell;
}
.lyt_flex_container[data-column-num="2"] .col_child:first-child {
  width: 100px;
}
.lyt_flex_container[data-column-num="2"] .col_child:last-child {
  padding: 0 0 0 15px;
  width: 298px;
  text-align: left;
}
.lyt_flex_container[data-column-num="2"] .col .post-thumbnail {
  width: 100px;
  height: 100px;
}
.lyt_flex_container[data-column-num="2"] .col:nth-child(2n) {
  margin-right: 0;
}

.lyt_flex_container[data-column-num="4"] .col,
.lyt_flex_container[data-column-num="4"] .col_sp2col{
  width: 250px;
  margin: 0 40px 30px 0;
}
.lyt_flex_container[data-column-num="4"] .col .post-thumbnail,
.lyt_flex_container[data-column-num="4"] .col_sp2col .post-thumbnail{
  width: 100%;
  height: 250px;
  margin-bottom: 20px;
}
.lyt_flex_container[data-column-num="4"] .col:nth-child(4n),
.lyt_flex_container[data-column-num="4"] .col_sp2col:nth-child(4n){
  margin-right: 0;
}
.lyt_flex_container .col img,
.lyt_flex_container .col_sp2col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .lyt_flex_container {
    display: block;
  }

  .lyt_flex_container[data-column-num="2"] {
    width: 100%;
  }
  .lyt_flex_container[data-column-num="2"] .col {
    width: 100%;
    margin: 0 4px 4px 0;
    background: #fff;
    padding: 15px;
  }
  .lyt_flex_container[data-column-num="2"] .col_child:first-child {
    width: 80px;
  }
  .lyt_flex_container[data-column-num="2"] .col_child:last-child {
    padding: 0 0 0 15px;
    width: auto;
  }
  .lyt_flex_container[data-column-num="2"] .col .post-thumbnail {
    width: 80px;
    height: 80px;
  }
  .lyt_flex_container[data-column-num="2"] .col:nth-child(2n) {
    margin-right: 0;
  }

  .lyt_flex_container[data-column-num="4"] .col{
    display: table;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px 0;
  }
  .lyt_flex_container[data-column-num="4"] .col:last-child {
    margin-bottom: 0;
  }
  .lyt_flex_container[data-column-num="4"] .col .col_child {
    display: table-cell;
    vertical-align: top;
  }
  .lyt_flex_container[data-column-num="4"] .col .col_child:first-child {
    width: 100px;
  }
  .lyt_flex_container[data-column-num="4"] .col .col_child:last-child {
    padding: 0 0 10px 15px;
  }
  .lyt_flex_container[data-column-num="4"] .col .post-thumbnail{
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }

  .lyt_flex_container[data-column-sp="2"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .lyt_flex_container[data-column-num="4"] .col_sp2col{
    width: 45%;
    max-width: 250px;
    margin: 0 5% 20px 0;
  }
  .lyt_flex_container[data-column-num="4"] .col_sp2col .post-thumbnail{
    width: 100%;
    height: 30vw;
    margin-bottom: 20px;
  }
  .lyt_flex_container[data-column-num="4"] .col_sp2col:nth-child(2n){
    margin-right: 0;
  }
}

/*IE_object-fit対策*/
@media all and (-ms-high-contrast: none) {
  .post-thumbnail img,
  .box_categoryImg img,
  .thumbnail_block img,
  .recommend_block img{
    max-width: none;
  }
}

/* .block_split
----------------------------------------------- */
.wrap_split:before, .wrap_split:after {content: ''; display: table;}
.wrap_split:after {clear: both;}

.block_split[data-bg-color="01"] { background: #00734c; }
.block_split[data-bg-color="02"] { background: #00593b; }

.block_split[data-layout="left"] {
  float: left;
  width: 50%;
}
.block_split[data-layout="right"] {
  float: right;
  width: 50%;
}

.inner_split[data-layout="left"] {
  float: right;
  width: 560px;
}
.inner_split[data-layout="right"] {
  float: left;
  width: 560px;
}

.split_bg[data-bg-image="01"] {
  background: url('../xeory_extension/lib/images/bg_ct_hang.jpg') no-repeat;
  background-size: cover;
}
.split_bg[data-bg-image="02"] {
  background: url('../xeory_extension/lib/images/bg_ct_stay.jpg') no-repeat;
  background-size: cover;
}
.split_bg[data-bg-image="03"] {
  background: url('../xeory_extension/lib/images/bg_ct_event.jpg') no-repeat;
  background-size: cover;
}
.split_bg[data-bg-image="04"] {
  background: url('../xeory_extension/lib/images/bg_ct_model.jpg') no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .block_split,
  .inner_split {
    float: none !important;
    width: 100% !important;
  }
  .split_bg {
    height: 200px;
  }
}

/* ==========================================================================
  header
========================================================================== */
#header_main:before, #header_main:after {content: ''; display: table;}
#header_main:after {clear: both;}

#header_main {
  padding: 12px 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  transition: .35s;
  background: #ebf5ee;
}
.header_inner {
  width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
}
.logo_img {
  height: 38px;
  float: left;
  transition: .35s;
}

/*#header_main.nav_scroll {
  position: fixed;
  padding: 12px 0 14px;
  transition: .35s;
  background: rgba(255,255,255,0.8);
  background: #ebf5ee;
}*/

@media screen and (max-width: 767px) {
  #header_main {
    padding: 15px 0 12px !important;
  }
  .header_inner {
    width: 100%;
    padding: 0 20px;
  }
  .logo_img {
    height: 30px !important;
    float: left;
  }
}

/* .#gnav
----------------------------------------------- */
#gnav_ul {
  display: table;
  height: 40px;
}
#gnav_ul li{
  display: table-cell;
  vertical-align: middle;
  /*padding-left: 30px;*/
  padding-left: 20px;
}
#gnav_ul li a{
  color: #000;
  text-decoration: none;
}
.nav_scroll #gnav_ul li a{
  color: #000;
  position: relative;
}
/* 予約サイト */
#gnav_ul li.menu-item-6552,
#gnav_ul li.menu-item-10105 {
  padding-left: 30px;
}

#gnav_ul li.menu-item-6552 a,
#gnav_ul li.menu-item-10105 a {
  /*display: none;*/
  position: relative;
  color: #fff;
}
#gnav_ul li.menu-item-6552 a::after,
#gnav_ul li.menu-item-10105 a::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -6px;
  bottom: 0;
  right: 0;
  width: calc(100% + 10px);
  height: calc(100% + 8px);
  margin: auto;
  background: #145b66;
  border-radius: 3px;
}

/* newアイコン */
/* #gnav_ul li.menu-item-6552:after{
  display: block;
  content: 'NEW';
  padding-top: 2px;
  background: #e56b2e;
  color: #fff;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 2px;
  right: 0;
  margin: auto;
  line-height: 1;
  font-size: 1.2rem;
  width: 35px;
  height: 16px;
  text-align: center;
} */
.wrap_gnav_pc {
  float: right;
}

@media screen and (max-width: 767px) {
  .wrap_gnav_pc {
    display: none;
  }
}

/* ==========================================================================
  SPナビ
========================================================================== */
.cd-nav-trigger { 
  width: 30px;
  height: 30px;
  position: relative;
  float: right;
  display: none;
}
@media screen and (max-width: 767px) {
  .cd-nav-trigger {
    display: inline-block;
  }
}
.cd-nav-trigger span {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 2px;
  background-color: #000;
}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  transform: translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.2s, width 0.2s;
}

.nav_scroll .cd-nav-trigger span {
  background-color: #000;
}
.nav_scroll .cd-nav-trigger span::before, .nav_scroll .cd-nav-trigger span:after{
  background-color: #000;
}

.cd-nav-trigger span::before { transform-origin: right top; transform: translateY(-10px);}
.cd-nav-trigger span::after { transform-origin: right bottom; transform: translateY(10px);}

/* .cd-nav-container
----------------------------------------------- */
.cd-nav-container { 
  position: fixed; 
  z-index: 50; 
  top: 0; 
  right: -1px; 
  width: 85%; 
  height: 100%; 
  overflow-y: auto; 
  background-color: #00734c; 
  backface-visibility: hidden; 
  transform: translateZ(0); 
  transform: translateX(100%); 
  transition: transform 0.4s 0s, 
  box-shadow 0s 0.4s;
  padding: 60px 0 0 0;
  text-align: center;
}
.cd-nav-container.is-visible { 
  transform: translateX(0); 
  -webkit-overflow-scrolling: touch; 
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2); 
  transition: transform 0.4s 0s, box-shadow 0s 0s;
}

/* .close icon
----------------------------------------------- */
.cd-close-nav {
  position: absolute; 
  width: 22.5px;
  height: 22.5px; 
  top: 20px; 
  right: 20px;
}
.cd-close-nav::after, .cd-close-nav::before { 
  content: '';
  position: absolute; 
  height: 2px; 
  width: 22.5px; 
  left: 50%; 
  top: 50%; 
  background-color: #fff; 
  backface-visibility: hidden;
}
.cd-close-nav::after { transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before { transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

/* .cd-overlay
----------------------------------------------- */
.cd-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-overlay.is-visible { 
  opacity: 1; 
  visibility: visible; 
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

/* .ttl_menu_sp
----------------------------------------------- */
.ttl_menu_sp {
  text-align: center;
  color: #fff;
  margin: 0 0 30px 0;
}
.ttl_menu_sp > span {
  font-size: 2rem;
  letter-spacing: .2rem;
  position: relative;
  display: inline-block;
}
.ttl_menu_sp > span:before,
.ttl_menu_sp > span:after {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  background: url('../xeory_extension/lib/images/icon_header_f.svg') no-repeat center center;
  background-size: 44px 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ttl_menu_sp > span:before {
  left: -52px;
}
.ttl_menu_sp > span:after {
  right: -52px;
  transform: scale(-1, 1);
}

@media screen and (max-width: 767px) {
  .ttl_menu_sp > span {
    font-size: 1.6rem;
  }
  .ttl_menu_sp > span:before,
  .ttl_menu_sp > span:after {
    width: 28px;
    height: 28px;
    background: url('../xeory_extension/lib/images/icon_header_f.svg') no-repeat center center;
    background-size: 28px 28px;
  }
  .ttl_menu_sp > span:before {
   left: -35px;
  }
  .ttl_menu_sp > span:after {
    right: -35px;
  }
}

#gnav_ul_sp {
  padding: 0;
}
#gnav_ul_sp li {
  margin-bottom: 15px;
}
#gnav_ul_sp li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  position: relative;
}
#gnav_ul_sp li.menu-item-6552 a,
#gnav_ul_sp li.menu-item-10105 a{

  /*display: none;*/
  position: relative;
  color: #00734c;
  letter-spacing: 0;
}
#gnav_ul_sp li.menu-item-6552 a::after,
#gnav_ul_sp li.menu-item-10105 a::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: -5px;
  bottom: 0;
  right: 0;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  margin: auto;
  background: #fff;
  border-radius: 3px;
}
/* NEW */
/* #gnav_ul_sp li.menu-item-6552 a:after {
  content: 'NEW';
  position: absolute;
  display: block;
  right: -40px;
  top: 0;
  bottom: 0;
  background: #fff;
  color: #00734c;
  width: 32px;
  border-radius: 3px;
  padding: 3px 0 0;
  height: 17px;
  font-size: 1.1rem;
  margin: auto;
  line-height: 1;
} */

/* ==========================================================================
  footer
========================================================================== */
.footer {
  padding-bottom: 10px;
}

/* block_snsLink
----------------------------------------------- */
.block_snsLink {
  text-align: center;
  padding: 30px 0 20px;
}
.block_snsLink a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px;
}
.block_snsLink a img {
  width: 100%;
  height: 100%;
}
.copyright {
  font-size: 1.2rem;
  color: #888;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .block_snsLink {
    padding: 30px 0 20px;
  }
  .block_snsLink a {
    width: 34px;
    height: 34px;
    margin: 0 10px;
  }
}

/* content_contact
----------------------------------------------- */
.content_contact {
  color: #fff;
}
.block_contact {
  text-align: center;
  padding: 60px;
}
.block_contact .txt_contact {
  margin-bottom: 30px;
}
.block_contact input[type="email"] {
  border: none;
  color: #333;
  width: 280px;
  float: left;
  height: 50px;
}
.block_contact input[type="email"]::placeholder {
  color: #bbb;
}
.block_contact input[type="submit"] {
  color: #fff;
  float: right;
  background: none;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #fff;
  width: 140px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .block_contact .txt_contact {
    margin-bottom: 25px;
  }
  .block_contact {
    padding: 40px 14px;
  }
  .block_contact input[type="email"] {
    width: 100%;
    max-width: 300px;
    margin: 0 0 20px 0;
    float: none;
  }
  .block_contact input[type="submit"] {
    float: none;
    display: block;
    width: 180px;
    margin: 0 auto;
    font-size: 1.6rem;
  }
}

/* list_outLink
----------------------------------------------- */
.list_outLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 40px 0 0;
  margin: 0;
}
.list_outLink li{
  font-size: 1.4rem;
}
.list_outLink li span{
  font-size: 1.2rem;
}
.link_out{
  color: #333;
}

@media screen and (max-width: 767px) {
  .list_outLink {
    display: block;
    padding: 30px 0 20px;
    border-bottom: 1px solid #ddd;
  }
.list_outLink li{
    margin-bottom: 6px;
    text-align: center;
  }
}

/* ==========================================================================
  Contents
========================================================================== */
/* メインビジュアル
----------------------------------------------- */
.block_mainVisual {
  position: relative;
}
.box_movie {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
}
.main_movie {
  position: absolute;
}
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  .main_movie {
    width: 100%;
    /*top: 50%;
    transform: translateY(-50%);*/
  }
}
@media (max-aspect-ratio: 16/9) {
  .main_movie {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.box_mainImg {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 300px;
  margin: auto;
}
.box_mainImg img{
  width: 100%;
}
.box_mainttl{
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
}

.box_mainttl h1{
  width: 520px;
  margin: -20px auto 0;
}
.box_mainttl h1 img{
  width: 100%;
}
.block_learnOutline {
  position: relative;
  padding: 0 0 70px;
}
.inner_learnOutline {
  position: relative;
  top: -60px;
  right: 0;
  left: 0;
  margin: auto;
  width: 780px;
  background: rgba(0,115,76,0.9);
  color: #fff;
  text-align: center;
  padding: 100px 100px 90px;
}
.inner_learnOutline:before {
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  margin: auto;
  background: #fff;
  width: 1px;
  height: 60px;
  content: '';
}
.inner_learnOutline p {
  line-height: 2;
  margin-bottom: 40px;
}
.img_mouse {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -94px;
  right: 0;
  left: 0;
  margin: auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .box_mainttl h1{
    max-width: 500px;
    width: 80%;
  }
  .block_learnOutline {
    padding: 0;
  }
  .inner_learnOutline {
    top: -60px;
    width: 90%;
    padding: 70px 10px 60px;
  }
  .inner_learnOutline:before {
    top: -30px;
    height: 60px;
  }
  .inner_learnOutline p {
    margin-bottom: 30px;
  }
  .img_mouse {
    top: -94px;
  }
}

/* keyVisual
----------------------------------------------- */
.wrap_keyVisual {
  background: #000;
  width: 100%;
  height: 400px;
  position: relative;
}
.bg_keyVisual {
  content: '';
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
}
.inner_keyVisual {
  display: table;
  width: 1200px;
  height: 100%;
  padding: 0 40px;
  margin: 62px auto 0;
  z-index: 5;
  position: relative;
}
.inner_keyVisual .ttl_block_01 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  padding-top: 30px;
}

@media screen and (max-width: 767px) {
  .wrap_keyVisual {
    height: 220px;
  }
  .bg_keyVisual {
    height: 220px;
  }
  .inner_keyVisual {
    width: auto;
    padding: 0 10px;
    margin: 55px auto 0;
  }
  .box_keyVisual_ttl {
    width: auto;
    padding: 0;
  }
  .inner_keyVisual .ttl_block_01 {
    padding-top: 25px;
  }
}

/* ==========================================================================
  link
========================================================================== */
.link_01 {
  height: 50px;
  display: inline-block;
  padding: 9px 80px 0 30px;
  border-radius: 25px;
  color: #00734c;
  border: 2px solid #00734c;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.link_01:before,
.link_01:after {
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  transition: .25s;
}
.link_01:after {
  top: 0;
  bottom: -4px;
  right: 32px;
  width: 28px;
  height: 2px;
  background-color: #00734c;
  border-radius: 1px;
}
.link_01:before {
  top: 0;
  bottom: 3px;
  right: 31px;
  width: 11px;
  height: 10px;
  transform: rotate(45deg);
  height: 2px;
  background-color: #00734c;
  border-radius: 1px;
}
.link_01:hover:after {
  right: 18px;
  width: 42px;
}
.link_01:hover:before {
  right: 17px;
}

.link_01[data-color="01"] {
  color: #fff;
  border: 2px solid #fff;
}
.link_01[data-color="01"]:after { background-color: #fff; }
.link_01[data-color="01"]:before { background-color: #fff; }

.link_01[data-color="02"] {
  color: #fff;
  background: #00734c;
  border: none;
  padding: 11px 80px 0 30px;
}
.link_01[data-color="02"]:after { background-color: #fff; }
.link_01[data-color="02"]:before { background-color: #fff; }

.link_01[data-color="tottoco"] {
  color: #fff;
  background: #145b66;
  border: none;
  padding: 11px 80px 0 30px;
}
.link_01[data-color="tottoco"]:after { background-color: #fff; }
.link_01[data-color="tottoco"]:before { background-color: #fff; }

.link_02 {
  background: #00734c;
  height: 66px;
  display: inline-block;
  padding: 15px 20px 0;
  font-size: 2.0rem;
  color: #fff;
  border-radius: 33px;
  width: 320px;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.link_02[data-color="tottoco"]{
  background: #145b66;
}
.link_02:before,
.link_02:after {
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  transition: .35s;
}
.link_02:after {
  top: 0;
  bottom: -5px;
  right: 30px;
  width: 30px;
  height: 2px;
  background-color: #fff;
}
.link_02:before {
  transition: .35s;
  top: 0;
  bottom: -5px;
  right: 22px;
  width: 11px;
  height: 10px;
  transform: translateX(-10px) rotate(-45deg);
  border-right: 2px solid #fff;
}
.icon_outLink {
  position: relative;
}
.icon_outLink:after {
  display: block;
  content: '';
  width: 12px;
  height: 11px;
  background: url('../xeory_extension/lib/images/icon_outLink.png') no-repeat center center;
  background-size: 12px 11px;
  position: absolute;
  right: -17px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .link_01 {
    font-size: 1.6rem;
  }
  .icon_outLink:after {
    width: 11px;
    height: 10px;
    background: url('../xeory_extension/lib/images/icon_outLink.png') no-repeat center center;
    background-size: 11px 10px;
    right: -16px;
  }
}

/* ==========================================================================
  ttl
========================================================================== */
/* ttl_block
----------------------------------------------- */
.ttl_block_01 {
  text-align: center;
}
.ttl_block_01 > span {
  font-size: 2rem;
  letter-spacing: .2rem;
  position: relative;
  display: inline-block;
}
.ttl_block_01 > span:before,
.ttl_block_01 > span:after {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  background: url('../xeory_extension/lib/images/icon_header_f.svg') no-repeat center center;
  background-size: 44px 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ttl_block_01 > span:before {
  left: -52px;
}
.ttl_block_01 > span:after {
  right: -52px;
  transform: scale(-1, 1);
}
.ttl_block_01 h1,
.ttl_block_01 h2,
.ttl_block_01 .category_name {
  font-size: 3.6rem;
  line-height: 1.4;
  margin: 2px 0 30px 0;
  font-weight: bold;
}
.ttl_block_01[data-margin="01"] h1,
.ttl_block_01[data-margin="01"] h2 {
  margin: 0 0 50px 0;
}
.ttl_block_01[data-item-color="02"] > span { color: #00734c; }
.ttl_block_01[data-item-color="02"] > span:before,
.ttl_block_01[data-item-color="02"] > span:after {
  background: url('../xeory_extension/lib/images/icon_header_g.svg') no-repeat center center;
  background-size: 44px 44px;
}

.ttl_block_02 > span {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .2rem;
  position: relative;
  display: inline-block;
  color: #00734c;
  margin-bottom: 5px;
}
.ttl_block_02 h3 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 767px) {
  .ttl_block_02 > span {
    font-size: 1.6rem;
    letter-spacing: .1rem;
    margin-bottom: 2px;
  }
  .ttl_block_02 h3 {
    font-size: 2.2rem;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .ttl_block_01 > span {
    font-size: 1.6rem;
    letter-spacing: .1rem;
  }
  .ttl_block_01 > span:before,
  .ttl_block_01 > span:after {
    width: 28px;
    height: 28px;
    background: url('../xeory_extension/lib/images/icon_header_f.svg') no-repeat center center;
    background-size: 28px 28px;
  }
  .ttl_block_01 > span:before {
   left: -35px;
  }
  .ttl_block_01 > span:after {
    right: -35px;
  }
  .ttl_block_01 h1,
  .ttl_block_01 h2,
  .ttl_block_01 .category_name {
    font-size: 2.6rem;
    line-height: 1.4;
    margin: 2px 0 20px;
  }
  .ttl_block_01[data-margin="01"] h1,
  .ttl_block_01[data-margin="01"] h2 {
    margin: 2px 0 30px 0;
  }
  .ttl_block_01[data-item-color="02"] > span { color: #00734c; }
  .ttl_block_01[data-item-color="02"] > span:before,
  .ttl_block_01[data-item-color="02"] > span:after {
    background: url('../xeory_extension/lib/images/icon_header_g.svg') no-repeat center center;
    background-size: 28px 28px;
  }
}

/* ttl_border
----------------------------------------------- */
.ttl_border_01 {
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 3px solid #00734c;
  padding-bottom: 10px;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 767px) {
  .ttl_border_01 {
    font-size: 2.0rem;
    border-bottom: 2px solid #00734c;
    padding-bottom: 4px;
    margin: 0 0 20px 0;
  }
}

.ttl_bold_01 {
  font-size: 1.8rem;
  font-weight: bold;
}
.ttl_bold_01 a{
  color: #333 !important;
}
@media screen and (max-width: 767px) {
  .ttl_bold_01 {
    font-size: 1.6rem;
  }
}
.ttl_border_02 {
  border-left: 3px solid #00734c;
  font-weight: bold;
  padding-left: 1rem;
  font-size: 20px;
  margin-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
  .ttl_border_02 {
    font-size: 1.8rem;
    border-left: 3px solid #00734c;
  }
}
  .ttl_line{
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  color: #00734c;
}
.ttl_line span{
  position: relative;
}
.ttl_line span:before,
.ttl_line span:after{
  display: block;
  content: '';
  background: #00734c;
  position: absolute;
  width: 25px;
  height: 2px;
  top: 2px;
  bottom: 0;
  margin: auto;
}
.ttl_line span:before{
  left: -35px;
}
.ttl_line span:after{
  right: -35px;
}

@media screen and (max-width: 767px) {
.ttl_line {
    font-size: 2.0rem;
    letter-spacing: 1px;
  }
.ttl_line span:before,
.ttl_line span:after{
  width: 18px;
  top: 2px;
  bottom: 0;
}
.ttl_line span:before{
  left: -25px;
}
.ttl_line span:after{
  right: -25px;
}
}

/* ==========================================================================
  カテゴリートップ　wisiywyg　エリア
========================================================================== */
.category_wisiywyg_area {
  padding: 20px 0px 20px;
}

.category_wisiywyg_area h1, .category_wisiywyg_area h2, .category_wisiywyg_area h3, .category_wisiywyg_area h4, .category_wisiywyg_area h5, .category_wisiywyg_area h6 {
  font-weight: bold;
  border-left: 3px solid #00734c;
  margin: 0 0 30px 0 !important;
  padding-left: 1rem;
  text-align: left !important;
}

.category_wisiywyg_area p{
  margin: 0 0 30px 0;
}

.category_wisiywyg_area img{
  display: block;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .category_wisiywyg_area {
    padding: 12px 0px 20px;
  }
  .category_wisiywyg_area h1, .category_wisiywyg_area h2, .category_wisiywyg_area h3, .category_wisiywyg_area h4, .category_wisiywyg_area h5, .category_wisiywyg_area h6 {
    border-left: 3px solid #00734c;
    margin: 0 0 20px 0 !important;
    padding-left: 1rem;
    text-align: left !important;
}
  .category_wisiywyg_area p{
    margin: 0 0 20px 0;
  }
}


/* ==========================================================================
  投稿ページ
========================================================================== */
/* .block_post
----------------------------------------------- */
.block_post {
  padding: 50px 100px 60px;
}
.block_post h1, .block_post h2, .block_post h3, .block_post h4, .block_post h5, .block_post h6 {
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 3px solid #00734c;
  margin: 0 0 30px 0 !important;
  text-align: left !important;
}
.block_post p{
  margin: 0 0 30px 0;
}
.block_post img{
  display: block;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .block_post {
    padding: 30px 4px 40px;
  }
  .block_post h1, .block_post h2, .block_post h3, .block_post h4, .block_post h5, .block_post h6 {
    font-size: 1.8rem;
    border-bottom: 2px solid #00734c;
    padding-bottom: 4px;
    margin: 0 0 20px 0 !important;
}
  .block_post p{
    margin: 0 0 20px 0;
  }
}

/* .block_post_ttl
----------------------------------------------- */
.block_post_ttl {
  background: #00734c;
  color: #fff;
  padding: 40px 60px 16px;
  margin: -70px 40px 0;
  border-radius: 5px;
}
.block_post_ttl .post_ttl {
  font-size: 3.2rem;
  padding: 0 0 10px;
  line-height: 1.5;
}
.box_clock {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .block_post_ttl {
    padding: 22px 20px 12px;
    margin: -45px 0 0;
    border-radius: 5px;
  }
  .block_post_ttl .post_ttl {
    font-size: 1.8rem;
    margin: 0;
  }
  .box_clock {
    font-size: 1.2rem;
  }
}

/* その他のコンテンツ
----------------------------------------------- */
.wrap_otherConts {
  padding: 0 0 80px 0;
}
.wrap_otherConts h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 2rem;
}
.block_otherConts {
  background: #e6e9eb;
  padding: 20px 30px 26px;
  width: 920px;
  margin: 0 auto;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .wrap_otherConts {
    padding: 0 0 60px 0;
  }
  .wrap_otherConts h2 {
    margin: 0 0 20px 0;
    font-size: 1.8rem;
  }
  .block_otherConts {
    padding: 20px 10px 6px;
    width: 100%;
  }
}

/* Googleマップ
----------------------------------------------- */
.box_googleMap {
  width: 100%;
  height: 350px;
  margin: 60px 0 10px;
}
.box_googleMap iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .box_googleMap {
    height: 200px;
    margin: 40px 0 10px;
  }
}

/* 連絡先
----------------------------------------------- */
.block_contactInfo {
  border: 8px solid #edf0f2;
  padding: 30px 40px;
  text-align: center;
  border-radius: 5px;
  margin-top: 60px;
}
.contact_name {
  font-size: 2.0rem;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .block_contactInfo {
    border: 6px solid #edf0f2;
    padding: 20px;
    text-align: left;
    margin-top: 40px;
  }
  .contact_name {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
}

/* お申し込み
----------------------------------------------- */
.block_btn_conv {
  text-align: center;
  margin-top: 60px; 
}

@media screen and (max-width: 767px) {
  .block_btn_conv {
    margin-top: 40px; 
  }
}

/* 買う
----------------------------------------------- */
.block_shopLink {
  padding: 40px 20px 35px;
  text-align: center;
  margin-top: 60px;
  border-radius: 5px;
  position: relative;
  border: 4px solid #ebf5ee;
}
.head_shopLink {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto !important;
}
.head_shopLink span{
  background: #fff;
  padding: 0 15px;
  font-weight: bold;
  font-size: 1.8rem;
}
.btn_shopLink {
  background: #00734c;
  height: 56px;
  display: inline-block;
  padding: 15px 70px 0 40px;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  position: relative;
  min-width: 245px;
  margin-right: 15px;
}
.btn_shopLink:last-child {
  margin-right: 0;
}
.btn_shopLink:before,
.btn_shopLink:after {
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  transition: .35s;
}
.btn_shopLink:after {
  top: 0;
  bottom: -5px;
  right: 20px;
  width: 30px;
  height: 2px;
  background-color: #fff;
}
.btn_shopLink:before {
  transition: .35s;
  top: 0;
  bottom: -5px;
  right: 12px;
  width: 11px;
  height: 10px;
  transform: translateX(-10px) rotate(-45deg);
  border-right: 2px solid #fff;
}
.net-shop_wrap{
  margin-bottom: 80px;
}
.net-shop_wrap ul{
  padding: 0;
}
.net-shop_wrap li{
  border-top: 3px solid #ddd;
}
.net-shop_wrap li:last-child{
  border-top: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
}
.net-shop_container{
  display:table;
  padding: 5px 0;
  width: 100%;
}
.net-shop_container > *{
  display:table-cell;
}
.net-shop_container .thumbnail_block{
  overflow: hidden;
  width: 220px;
  height: 220px;
  margin: auto;
  vertical-align: top;
  padding: 15px 0;
  box-sizing: content-box;
}
.net-shop_container .thumbnail_block img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.net-shop_container .text_block{
  padding: 15px 30px;
  width: calc(100% - 540px);
  vertical-align: top;
}
.net-shop_container .text_block .product_shop{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1;
}
.net-shop_container .text_block .product_shop_text{
  margin-bottom: 18px;
}
.net-shop_container .recommend_block{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  background: #f5f5f5;
  padding: 10px 20px;
  position: relative;
}
.net-shop_container .recommend_block .recommend_icon_wrap{
  position: absolute;
  top: 0;
  left: 0;
}
.net-shop_container .recommend_block .recommend_icon{
  border-radius: 0%;
  width: 68px;
}
.net-shop_container .recommend_block_img{
  overflow: hidden;
  width: 90px;
  height: 90px;
  margin-right: 15px;
}
.net-shop_container .recommend_block img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.net-shop_container .recommend_block_text{
  width: calc(100% - 105px);
}
.net-shop_container .recommend_block_text .product_name{
  font-weight: bold;
}
.net-shop_container .recommend_block_text .product_text{
  font-size: 1.4rem;
}
.net-shop_container .link_block{
  width: 260px;
  height: 100%;
  background: #fff9e5;
  vertical-align: middle;
  text-align: center;
  padding: 0 20px;
}
.net-shop_container .link_block a{
background: #e56b2e;
  margin: 0 auto;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  display: block;
  height: 50px;
  border-radius: 25px;
  padding-top: 9px;
}

@media screen and (max-width: 767px) {
  .block_shopLink {
    padding: 30px 20px 20px;
    margin-top: 40px;
  }
  .head_shopLink {
    top: -18px;
  }
  .head_shopLink span{
    padding: 0 15px;
    font-size: 1.8rem;
  }
  .btn_shopLink {
    height: 52px;
    padding: 15px 60px 0 20px;
    width: 100%;
    max-width: 300px;
    margin: 0 0 15px 0;
    font-size: 1.4rem;
  }
  .btn_shopLink:last-child {
    margin-bottom: 0;
  }
  .net-shop_wrap{
    margin-bottom: 35px;
  }
  .net-shop_container{
    display: block;
    padding: 20px 0;
  }
  .net-shop_container > *{
    display: block;
  }
  .net-shop_container .thumbnail_block{
    width: 200px;
    height: 140px;
    padding: 0;
  }
  .net-shop_container .text_block{
    width: 100%;
    margin: 0;
    padding: 15px 0 0;
  }
  .net-shop_container .text_block .product_shop{
    line-height: 1.6;
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 8px;
  }
  .net-shop_container .text_block .product_shop_text{
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .net-shop_container .recommend_block{
    padding: 10px;
    margin-bottom: 15px;
  }
  .net-shop_container .recommend_block_img{
    margin-right: 10px;
    width: 80px;
    height: 80px;
  }
  .net-shop_container .recommend_block_text .product_text{
    font-size: 1.3rem;
  }
  .net-shop_container .link_block{
    width: 100%;
    background: none;
    padding: 0;
  }
  .net-shop_container .link_block a{
    font-size: 1.6rem;
    height: 44px;
    padding: 8px 0 0;
    max-width: 300px;
  }
}

/* ==========================================================================
  トップページ
========================================================================== */
.wrap_ttl {
  background: #00734c;
  padding: 40px 0 20px;
}
.wrap_ttl .ttl_block_01 {
  width: 1200px;
  padding: 0 60px;
  text-align: center;
  color: #fff;
  margin: 0 auto;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .wrap_ttl {
    padding: 20px 0;
  }
  .wrap_ttl .ttl_block_01 {
    width: 100%;
    padding: 0 10px;
  }
  .wrap_ttl .ttl_block_01 h2{
    margin: 0;
  }
}

.box_enjoy {
  padding: 60px 60px 70px 60px;
}
.box_enjoy p{
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .box_enjoy {
    padding: 25px 20px 40px;
    text-align: center;
  }
  .box_enjoy p{
    margin-bottom: 25px;
    text-align: left;
  }
}

.wrap_content.shopping {
  padding: 0 0 100px 0;
}

/* おすすめスポット
----------------------------------------------- */
.wrap_inner_recommend {
  margin-bottom: 80px;
}
.wrap_inner_recommend .ttl_block_01 h2 {
  margin-top: 0;
  font-size: 3.2rem;
}
.wrap_inner_recommend .ttl_block_01 h2 span {
  background: #fff;
  padding: 0 20px;
}
.recommend_flex {
  display: flex;
  justify-content: space-between;
  border: 10px solid #ebf5ee;
  padding: 50px 25px 15px 25px;
  margin-top: -60px;
}
.recommend_col {
  width: 510px;
  display: flex;
  justify-content: space-between;
}
.recommend_thumb_box {
  width: 200px;
  height: 140px;
}
.recommend_thumb_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recommend_outline_wrap {
  width: 285px;
}
.recommend_outline_wrap .post_link {
  text-decoration: none;
  color: #333;
}
.recommend_outline_wrap .post_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 8px 0;
}
.recommend_outline_wrap .thumb_txt {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0 0 5px 0;
}
.recommend_outline_wrap .post_date_txt {
  font-size: 1.4rem;
  color: #999;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .wrap_inner_recommend {
    margin-bottom: 50px;
  }
  .wrap_inner_recommend .ttl_block_01 h2 {
    margin-top: 0;
    font-size: 2.6rem;
  }
  .wrap_inner_recommend .ttl_block_01 h2 span {
    padding: 0 15px;
  }
  .recommend_flex {
    display: block;
    border: 6px solid #ebf5ee;
    padding: 35px 25px 20px 25px;
    margin-top: -42px;
  }
  .recommend_col {
    display: block;
    width: 100%;
  }
  .recommend_col:not(:last-child) {
    margin-bottom: 30px;
  }
  .recommend_thumb_box {
    width: 100%;
    max-width: 240px;
    height: 140px;
    margin: 0 auto 15px
  }
  .recommend_outline_wrap {
    width: 100%;
  }
  .recommend_outline_wrap .post_ttl {
    font-size: 1.6rem;
    margin: -2px 0 8px 0;
  }
}

/* 名産品を買う（ふるさとチョイスバナー）
----------------------------------------------- */
.box_hurusato {
  text-align: center;
  padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
  .box_hurusato {
    text-align: center;
    padding: 30px 5px 0;
  }
}


/* フェイスブック
----------------------------------------------- */
.fb-container {
  margin-top: 30px;
}
.fb-page{
  display:block !important;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width:768px){
  .fb-page{
    width:100%;
    max-width:500px;
    height:500px;
  }
}

/* ==========================================================================
  TAG LIST
========================================================================== */
.wrap_tagList {
  padding: 40px 0;
}
.wrap_tagList h2{
  margin: 0 0 25px 0;
}
.tagList {
  margin: 0 auto;
  padding: 0 50px 0 60px;
}
.tagList li{
  margin: 0 10px 10px 0;
}

@media screen and (max-width: 767px) {
  .wrap_tagList {
    padding: 30px 0;
  }
  .wrap_tagList h2{
    margin: 0 0 20px 0;
  }
  .tagList {
    padding: 0 0 0 10px;
  }
}

/* tag_icon
----------------------------------------------- */
.tag_icon_01,
.tag_icon_02 {
  color: #00734c;
  display: inline-block;
  border-radius: 3px;
  line-height: 1.4;
}
.tag_icon_01 {
  font-size: 1.3rem;
  padding: 2px 8px 3px;
  margin: 0 5px 5px 0;
  border: 1px solid #008c5e;
}
.tag_icon_01:last-child {
  margin: 0 0 5px 0;
}
.tag_icon_02 {
  font-size: 1.4rem;
  padding: 4px 10px 5px;
  border: 1px solid #00734c;
}
.tag_icon_01 a {
  color: #008c5e;
  text-decoration: none;
}
.tag_icon_02 a {
  color: #00734c;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .tag_icon_01 {
    padding: 2px 6px;
    margin: 0 3px 5px 0;
  }
  .tag_icon_02 {
    padding: 4px 8px;
  }
}

/* ==========================================================================
  カテゴリー
========================================================================== */
/* block_category_outline
----------------------------------------------- */
.block_category_outline {
  display: grid;
  width: 100%;
  grid-template-columns: 55% 45%;
  grid-template-areas:
  "content pic"
  "link pic";
}
.box_category_txt {
  grid-area: content;
  /* width: 55%; */
  padding: 0 60px 0 60px;
}
.box_category_img {
  grid-area: pic;
  padding: 0 60px 0 0;
  /* width: 45%; */
  height: 300px;
}
.box_category_link {
  grid-area: link;
  margin-top: 30px;
  padding: 0 60px 0 60px
}
@media screen and (max-width: 767px) {
  .box_category_link {
    text-align: center;
    padding-bottom: 30px;
  }
}
.box_category_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.outline_head {
  font-size: 3.2rem;
  line-height: 1.5;
  color: #00734c;
  margin: 0 0 30px 0;
}
.child_outline_txt {
  margin: 0 0 30px 0;
}
.box_categoryImg {
  width: 100%;
  margin: 0 auto;
  height: 300px;
}
.box_categoryImg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category_anchor {
  display: table;
  margin: 60px auto 40px;
  height: 74px;
  border-radius: 37px;
  border:2px solid #00734c;
  padding: 0 20px;
}
.category_anchor li{
  display: table-cell;
  width: 180px;
  text-align: center;
  padding-top: 14px;
}
.category_anchor li a{
  color: #00734c;
  text-decoration: none;
  position: relative;
  font-weight: bold;
  padding: 5px 5px 22px;
}
.category_anchor li a:after{
  position: absolute;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 9px;
  height: 9px;
  border-top: 2px solid #00734c;
  border-right: 2px solid #00734c;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  bottom: 6px;
  right: 0;
  left: 0;
}

.category_enTxt {
  width: 100%;
  color: #ebf5ee;
  font-size: 24rem;
  position: absolute;
  top: -40px;
  left: 0;
  z-index: -5;
  font-weight: bold;
  letter-spacing: 1rem;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.category_bottom {
  margin-top: -60px;
  border-top: 1px solid #ddd;
}
.category_movie {
  width: 600px;
  margin: 0 auto;
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .block_category_outline {
    display: block;
  }
  .box_category_txt {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .box_category_img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
  }
  .box_category_img img{
    max-width: 420px;
    max-height: 300px;
  }
  .category-shopping .box_category_img {
    display: none;
  }

  .outline_head {
    font-size: 2.2rem;
    line-height: 1.5;
    margin: 0 0 15px 0;
  }

  .category_anchor {
    display: block;
    margin: 40px auto 30px;
    height: auto;
    border-radius: 0;
    /*border:2px solid #00734c;*/
    border: none;
    border-top: 1px solid #ddd;
    padding: 0;
  }
  .category_anchor li{
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .category_anchor li a{
    color: #00734c;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }
  .category_anchor li a:after{
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 9px;
    height: 9px;
    border-top: 2px solid #00734c;
    border-right: 2px solid #00734c;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 0;
    bottom: 0;
    right: 20px;
    left: auto;
  }

  .category_enTxt {
    font-size: 10rem;
    position: absolute;
    top: -14px;
    left: -6px;
    letter-spacing: .1rem;
    line-height: 1;
    text-align: left;
    /*writing-mode: tb-rl;*/
  }

  .sub_category_wrap {
    margin: 0 0 20px 0;
  }

  .category_bottom {
    margin-top: -20px;
    border-top: none;
  }
  .category_movie {
    width: 100%;
    padding: 0 0 40px;
  }
}



/* box_postOutline
----------------------------------------------- */
.box_postOutline .post_link {
  text-decoration: none;
  color: #333;
}
.box_postOutline .post_ttl{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 8px 0;
}
.box_postOutline .thumb_txt {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0 0 5px 0;
}
.box_postOutline .post_date_txt {
  font-size: 1.4rem;
  color: #999;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .box_postOutline .post_ttl{
    font-size: 1.6rem;
    line-height: 1.6;
    margin: -2px 0 8px 0;
  }
}

/* 汎用
----------------------------------------------- */
.box_banner {
  text-align: center;
  margin: 20px 0 40px;
  /*border: 1px solid #ddd;
  padding: 20px;
  border-radius: 5px;*/
}
@media screen and (max-width: 767px) {
.box_banner {
  margin: 0 0 20px;
  border: none;
  padding: 0;
}
}


/* ==========================================================================
  アクセス
========================================================================== */
#access_wrap h3{margin: 0;}
#access_wrap .block-map{
  width: 100%;
  height: 340px;
  background-color: #ccc;
}
@media screen and (max-width: 767px) {
#access_wrap .block-map{
  margin-top: 40px;
}
}
#access_wrap .flex_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#access_wrap .flex_container[data-column-num="2"] .col{
  width: 540px;
  margin-right: 40px;
}
#access_wrap .flex_container[data-column-num="2"] .col:nth-child(2n){
  margin-right: 0;
}
@media screen and (max-width: 767px) {
#access_wrap .flex_container[data-column-num="2"] .col{
  width: 100%;
  margin: 0 0 20px;
}
#access_wrap .flex_container[data-column-num="2"] .col:last-child{
  margin-bottom: 0;
}
}
#access_wrap .access_list{
  padding: 0;
  margin: 0;
}
#access_wrap .access_list .station_box{
  padding: 2px 5px;
  color: #fff;
  background-color: #00734c;
}
@media screen and (max-width: 767px) {
#access_wrap .access_list .link_01{
  width: 100%;
}
}
#access_wrap .content_box{
  width: 540px;
  padding: 20px;
  border: 3px solid #ccc;
  margin: 60px auto 0;
  text-align: center;
}
#access_wrap .content_box h2{
  font-size: 2.4rem;
  font-weight: 600;
  color: #00734c;
  margin-bottom: 10px;
}
#access_wrap .content_box .content_tell{
  font-size: 2.2rem;
  font-weight: 600;
  text-decoration: none;
  color: #333 !important;
}
@media screen and (max-width: 767px) {
#access_wrap .content_box{
  width: 100%;
  margin: 40px 0; 
}
#access_wrap .content_box h2{
  margin: 0;
}
}

/* ==========================================================================
  404
========================================================================== */
.block_404 {
  text-align: center;
  padding: 200px 0 120px;
}
.block_404 p {
  margin: -20px 0 40px;
}

/* ==========================================================================
  お問い合わせ
========================================================================== */
#form_wrap .form_block{
  width: 800px;
  background-color: #f2f2f2;
  margin: 0 auto;
  padding: 60px 126px;
}
#form_wrap .form_block .menu_box{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
#form_wrap .form_block .menu_box .menu_ttl{
  width: 180px;
  float: left;
  font-weight: 600;
}
#form_wrap .form_block .menu_box .menu_ttl .required,
#form_wrap .form_block .menu_box .content_ttl .required{
  font-size: 1.0rem;
  background-color: #00734c;
  color: #fff;
  padding: 3px 4px;
  font-weight: normal;
  margin-left: 5px;
  vertical-align: middle;
  border-radius: 2px;
}
#form_wrap .form_block .menu_box input[type="text"],
#form_wrap .form_block .menu_box input[type="email"]{
  width: 368px;
}
#form_wrap .form_block .tell_box input[type="text"]{
  width: 113px!important;
}
#form_wrap .form_block .content_box{
  display: block;
}
#form_wrap .form_block .menu_box .content_ttl{
  font-weight: 600;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
#form_wrap .form_block .menu_box textarea{
  width: 547px;
}
#form_wrap .form_block .next_btn{
  text-align: center; 
}
#form_wrap .form_block .next_btn input[type="submit"]{
  padding: 12px 100px;
  border-radius: 25px;
  background-color: #00734c;
  margin-top: 10px;
}
#form_wrap input::placeholder,
#form_wrap textarea::placeholder{
  color: #ccc;
}
#form_wrap .form_block .error{
  display: block;
  position: absolute;
  right: -110px;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}

::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
:-moz-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}

@media screen and (max-width: 767px) {
  #form_wrap .form_block{
    width: 100%;
    padding: 30px 30px;
  }
  #form_wrap .form_block .menu_box{
    display: block;
  }
  #form_wrap .form_block .menu_box .menu_ttl,
  #form_wrap .form_block .content_ttl .content_ttl{
    width: 100%;
    margin-bottom: 5px;
  }
  #form_wrap .form_block .menu_box input[type="text"],
  #form_wrap .form_block .menu_box input[type="email"]{
    width: 100%;
  }
  #form_wrap .form_block .tell_box input[type="text"]{
    width: 28%!important;
  }
  #form_wrap .form_block .error{
    display: block;
    position: static;
    right: auto;
    top: auto;
    transform: translateY(0%);
    -webkit- transform: translateY(0%);
  }
}

/*-------confirm--------*/

#form_confirm_wrap #form_wrap .form_block .menu_box .menu_ttl .required,
#form_confirm_wrap #form_wrap .form_block .menu_box .content_ttl .required{
  display: none;
}
#form_confirm_wrap #form_wrap .form_block .prev_btn{
  float: left; 
}
#form_confirm_wrap #form_wrap .form_block .prev_btn input[type="submit"]{
  padding: 12px 50px;
  border-radius: 25px;
  background-color: #999;
  margin-top: 10px;
}
#form_confirm_wrap #form_wrap .form_block .next_btn{
  float: left;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  #form_confirm_wrap #form_wrap .form_block .prev_btn{
    width: 30%;
  }
  #form_confirm_wrap #form_wrap .form_block .prev_btn input[type="submit"]{
    padding: 12px 0;
    width: 100%;
  }  
  #form_confirm_wrap #form_wrap .form_block .next_btn{
    width: 66%;
    margin-left: 4%;
  }
  #form_wrap .form_block .next_btn input[type="submit"]{
    padding: 12px 0!important;
    width: 100%;
  }
}

/*-------complete--------*/
#form_complete_wrap{
  width: 800px;
  margin: 0 auto;
  text-align: center;
}
#form_complete_wrap .complete_box{
  text-align: center;
  font-size: 2.0rem;
  font-weight: 600;
  background-color: #f2f2f2;
  padding: 10px 0;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #form_complete_wrap{
    width: 100%;
  }
  #form_complete_wrap .complete_box{
    padding: 10px;
  }
}
#form_complete_wrap .content_box{
  width: 540px;
  padding: 20px;
  border: 3px solid #ccc;
  margin: 60px auto 0;
  text-align: center;
}
#form_complete_wrap .content_box h2{
  font-size: 2.4rem;
  font-weight: 600;
  color: #00734c;
  margin-bottom: 10px;
}
#form_complete_wrap .content_box .content_tell{
  font-size: 2.2rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  #form_complete_wrap .content_box{
    width: 100%;
    margin: 40px 0; 
  }
  #form_complete_wrap .content_box h2{
    margin: 0;
  }
}

/* ==========================================================================
  狼事業
========================================================================== */
.wrap_inner_wolfship {
  padding: 60px 40px 60px !important;
}
.ttl_wolfship {
  text-align: center;
  margin: 0 auto 40px;
  font-size: 4.8rem;
  color: #192f60;
  font-family: serif;
  font-weight: bold;
  letter-spacing: 0.4rem;
  line-height: 1;
}
.ttl_wolfship > span {
  position: relative;
}
.ttl_wolfship > span:before,
.ttl_wolfship > span:after {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  background: url('../xeory_extension/lib/images/icon_header_b.svg') no-repeat center center;
  background-size: 44px 44px;
  position: absolute;
  top: 0;
  bottom: -2px;
  margin: auto;
}
.ttl_wolfship > span:before {
  left: -54px;
}
.ttl_wolfship > span:after {
  right: -54px;
  transform: scale(-1, 1);
}
.box_wolfship_story {
  position: relative;
  z-index: 2;
}
.img_wolfship_story {
  width: 900px;
  margin: 0 auto;
}
.txt_wolfship_story {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.txt_wolfship_story span {
  display: block;
  width: 100%;
  text-align: center;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.7);
  letter-spacing: 0.15rem;
}
.bg_wolfship {
  content: '';
  background: #edeff2;
  height: 700px;
  width: 100vw;
  margin-top: -700px;
  position: relative;
}
.bg_wolfship:before,
.bg_wolfship:after {
  content: '';
  height: 6px;
  width: 100%;
  background: #fff;
  display: block;
  position: absolute;
}
.bg_wolfship:before {
  top: 6px;
}
.bg_wolfship:after {
  top: 18px;
}

@media screen and (max-width: 767px) {
  .wrap_inner_wolfship {
    padding: 30px 14px 50px !important;
  }
  .ttl_wolfship {
    margin: 0 auto 25px;
    font-size: 3.2rem;
    letter-spacing: 0.2rem;
  }
  .ttl_wolfship > span:before,
  .ttl_wolfship > span:after {
    width: 36px;
    height: 36px;
    background: url('../xeory_extension/lib/images/icon_header_b.svg') no-repeat center center;
    background-size: 36px 36px;
    bottom: -5px;
  }
  .ttl_wolfship > span:before {
    left: -44px;
  }
  .ttl_wolfship > span:after {
    right: -44px;
  }
  .img_wolfship_story {
    width: 100%;
    position: absolute;
    z-index: -1;
  }
  .img_wolfship_story:after {
    content: '';
    display: block;
    width: 100%;
    background: linear-gradient(rgba(25,47,96,0) 20%,rgba(25,47,96,1) 80%);
    height: 80px;
    position: absolute;
    bottom: -2px;
  }
  .txt_wolfship_story {
    position: static;
    top: auto;
    bottom: auto;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 1.4rem;
    display: block;
  }
  .txt_wolfship_story span {
    letter-spacing: 0.1rem;
  }
  .bg_wolfship {
    background: #192f60 ;
    height: 600px;
    margin-top: -600px;
  }
  .bg_wolfship:before,
  .bg_wolfship:after {
    display: none;
  }
}

@media screen and (max-width: 374px) {
  .bg_wolfship {
    height: 800px;
    margin-top: -800px;
  }
}

/*-------conts_wolfship_logo--------*/
.conts_wolfship_logo {
  background: #edeff2;
  padding-bottom: 80px;
}
.block_wolfship_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background: #fff;
  width: 900px;
  margin: 0 auto;
  padding: 30px;
}
.box_wolfship_logo {
  width: 30%;
}
.box_wolfship_logoTxt {
  width: 70%;
  padding-left: 30px;
}
.ttl_wolfship_logo {
  margin: 0 0 15px 0;
  font-size: 2.8rem;
  color: #192f60;
  font-family: serif;
  font-weight: bold;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .conts_wolfship_logo {
    background: #fff;
    padding-bottom: 0;
  }
  .block_wolfship_logo {
    width: auto;
    padding: 30px 0;
  }
  .box_wolfship_logoTxt {
    padding-left: 15px;
  }
  .ttl_wolfship_logo {
    margin: 0 0 10px 0;
    font-size: 1.8rem;
  }
}

/*-------conts_wolfship_blue--------*/
.conts_wolfship_blue {
  background:url('../xeory_extension/lib/images/bg_wolfship_blue.png'), linear-gradient(90deg,#fff 0%,#fff 65%,#192f60 65%,#192f60 100%);
  background-repeat: no-repeat;
  background-position: 95% 65%;
  margin-bottom: 60px;
}
.conts_wolfship_blue .wrap_inner {
  padding: 80px 40px 40px;
}
.block_wolfship_blue {
  width: 100%;
}
.box_wolfship_left {
  width: 50%;
  float: left;
  padding-top: 20px;
}
.box_wolfship_right {
  width: 50%;
  float: right;
}
.ttl_wolfship_blue {
  padding-bottom: 20px;
  margin: 0 auto 25px;
  font-size: 4.4rem;
  color: #192f60;
  font-family: serif;
  font-weight: bold;
  letter-spacing: 0.4rem;
  line-height: 1;
  position: relative;
}
.ttl_wolfship_blue:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  background:linear-gradient(90deg,#192f60 0%,#192f60 10%,#ddd 10%,#ddd 100%);
  bottom: 0;
  left: 0;
}
.img_wolfship_blue {
  max-width: 400px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .conts_wolfship_blue {
    /*background: linear-gradient(#edeff2 0%,#edeff2 40%,#fff 40%,#fff 100%);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-bottom: 0;*/
    background:url('../xeory_extension/lib/images/bg_wolfship_blue.png'), linear-gradient(#192f60 0%,#192f60 40%,#fff 40%,#fff 100%);
    background-repeat: no-repeat;
    background-position: 90% 180%;
    margin-bottom: 0;
  }
  .conts_wolfship_blue .wrap_inner {
    padding: 50px 14px 30px;
  }
  .block_wolfship_blue {
    display: block;
  }
  .box_wolfship_left,
  .box_wolfship_right {
    float: none;
    width: auto;
  }
  .box_wolfship_left {
    padding: 0;
  }
  .box_wolfship_right {
    padding: 0 15px;
    margin-bottom: 40px;
  }
  .ttl_wolfship_blue {
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 2.6rem;
    letter-spacing: 0.2rem;
  }
  .ttl_wolfship_blue:after {
    height: 3px;
  }
  .img_wolfship_blue {
    max-width: 400px;
    margin: 0 auto;
  }
}

/*-------block_link_nanatsu--------*/
.block_link_nanatsu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 700px;
  margin: 0 auto;
  border-top: 2px solid #192f60;
  border-bottom: 2px solid #192f60;
}
.block_link_nanatsu:hover {
  opacity: 0.7;
}
.photo_nanatsu {
  background:url('../xeory_extension/lib/images/img_nanatsu.jpg') no-repeat center center;
  background-size: cover;
  width: 50%;
  height: 100px;
}
.box_link_nanatsu {
  text-align: center;
  width: 50%;
  padding-left: 30px;
}
.link_nanatsu {
  display: inline-block;
  padding: 0 75px 0 0;
  text-decoration: none;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
}
.link_nanatsu:before,
.link_nanatsu:after {
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  transition: .25s;
  background-color: #192f60;
  border-radius: 1px;
}
.link_nanatsu:after {
  top: 0;
  bottom: -2px;
  right: 32px;
  width: 28px;
  height: 2px;
}
.link_nanatsu:before {
  top: 0;
  bottom: 6px;
  right: 31px;
  width: 11px;
  height: 2px;
  transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
  .block_link_nanatsu {
    display: block;
    width: 100%;
    max-width: 400px;
    border-top: 1px solid #192f60;
    border-bottom: 1px solid #192f60;
    background:url('../xeory_extension/lib/images/img_nanatsu.jpg') no-repeat center center;
    background-size: cover;
  }
  .photo_nanatsu {
    display: none;
  }
  .box_link_nanatsu {
    background: rgba(0,0,0, 0.5);
    width: auto;
  }
  .link_nanatsu {
    padding: 24px 70px 22px 0;
    font-size: 1.6rem;
    color: #fff;
    font-weight: normal;
  }
  .link_nanatsu:after,
  .link_nanatsu:before {
    background-color: #fff;
  }
}

/*-------box_wolfship_twitter--------*/
.box_wolfship_twitter {
  max-width: 440px;
  border: 1px solid #ddd;
  margin: 0 auto;
}

/*-------custom(single)--------*/
.cat-wolfship.single .block_split[data-bg-color="01"] {
  background-color: #213f80;
}
.cat-wolfship.single .block_split[data-bg-color="02"],
.cat-wolfship.single .ttl_line span:before,
.cat-wolfship.single .ttl_line span:after,
.cat-wolfship.single .block_post_ttl,
.cat-wolfship.single .link_02,
.cat-wolfship.single .btn_shopLink,
.cat-wolfship.single .pagetop span {
  background-color: #192f60;
}
.cat-wolfship.single #header_main{
  background-color: #cedef2;
}
.cat-wolfship.single .wrap_content[data-bg-color="01"] {
  background-color: #f2f6ff;
}
.cat-wolfship.single .ttl_line,
.cat-wolfship.single .tag_icon_01 a,
.cat-wolfship.single .tag_icon_02 a {
  color: #192f60;
}
.cat-wolfship.single .tag_icon_01,
.cat-wolfship.single .tag_icon_02 {
  border-color: #192f60 !important;
}
.block_shopLink {
  border-color: #ddd;
}

/*-------custom(category)--------*/
.category-wolfship.category .block_split[data-bg-color="01"] {
  background-color: #213f80;
}
.category-wolfship.category .block_split[data-bg-color="02"],
.category-wolfship.category .ttl_line span:before,
.category-wolfship.category .ttl_line span:after,
.category-wolfship.category .pagetop span {
  background-color: #192f60;
}
.category-wolfship.category #header_main{
  background-color: #cedef2;
}
.category-wolfship.category .wrap_content[data-bg-color="01"] {
  background-color: #f2f6ff;
}
.category-wolfship.category .ttl_line,
.category-wolfship.category .category_anchor li a,
.category-wolfship.category .tag_icon_01 a,
.category-wolfship.category .tag_icon_02 a {
  color: #192f60;
}
.category-wolfship.category .ttl_border_01,
.category-wolfship.category .category_anchor,
.category-wolfship.category .category_anchor li a:after,
.category-wolfship.category .tag_icon_01,
.category-wolfship.category .tag_icon_02 {
  border-color: #192f60 !important;
}
.category-wolfship.category .ttl_border_01 {
  font-size: 2.8rem;
  font-family: serif;
  padding-bottom: 0;
  color: #192f60;
  line-height: 1;
  padding-bottom: 10px;
}
.category-wolfship.category .category_anchor {
  margin: 0 auto 60px;
  border: 1px solid #192f60;
}
.category-wolfship.category .sp,
.category-wolfship.category .sp_374 {
  display: none;
}

@media screen and (max-width: 767px) {
  .category-wolfship.category .ttl_border_01 {
    font-size: 2.2rem;
    padding-bottom: 5px;
  }
  .category-wolfship.category .category_anchor {
    border-top: 1px solid #ddd !important;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-bottom: 40px;
  }
  .category-wolfship.category .category_anchor li {
    width: 50%;
    float: left;
  }
  .category-wolfship.category .category_anchor li a {
    padding-left: 30px;
  }
  .category-wolfship.category .category_anchor li a:after {
    right: auto;
    left: 10px;
    bottom: 4px;
  }
  .category-wolfship.category .sp {
    display: inline;
  }
}

@media screen and (max-width: 374px) {
  .category-wolfship.category .sp_374 {
    display: inline;
  }
}

@media all and (-ms-high-contrast: none) {
  .ie-none {
    display: none !important;
  }
}

/* ==========================================================================
  汎用
========================================================================== */
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt40{margin-top: 40px!important;}
.mt60{margin-top: 60px!important;}
.mb20{margin-bottom: 20px!important;}
.t_cen { text-align: center; }
.txt_s { font-size: 1.2rem; }
.sp_inline { display: none; }
.sp_block { display: none; }
.bg_white {
  background: #fff;
  position: relative;
  z-index: 5;
}
.movie_none {
  display: none;
}
.box_center {
  margin: 20px auto 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sp_inline {
    display: inline;
  }
  .sp_block {
    display: block;
  }
  .pc_block {
    display: none;
  }
  .box_center {
    margin: 10px auto 0;
  }
}