@charset "UTF-8";
/*--------------------------------
1.Base
2.Layout
3.Module
4.State
5.Theme

H1.Header
H2.Logo
H3.Global Navigation

C1.Main Container
C2.BreadCrumb
C3.Page Image
C3.Page Nation
C4.Content Foot

F1.Footer
F2.Footer Navigation
F3.Office Information
F4.CopyRight

Page
P1.Index
P2.Homepage
P2.Server

Archives

Single
--------------------------------*/
/*--------------------------------
1.Foundation
--------------------------------*/
/* memo */
/*
25px 2.3%;

75px 6.8%

*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td{
  border: 1;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;  
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 1.6;
}
@media only screen and (min-width: 769px) {
  html {
    font-size: 62.5%;
  }
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left;
  color: #000;
  counter-reset: operate sort;
}
@media only screen and (min-width: 769px) {
  body {
    font-size: 1.8rem;
  }
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
a {
  outline: none;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
a img {
  border: 0;
}
a img:hover {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .7;
}
a:link {
  color: #333;
}
a:visited {
  color: #333;
}
a:hover {
  color: #333;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
audio,
canvas,
img,
video {
  vertical-align: middle;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
caption {
  display: none;
}
address {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
li,
dl,
dt,
dd,
th,
td,
pre {
  margin: 0;
  padding: 0;
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
ul { padding: 0; margin: 0;}
li { list-style: none;}

/*=================
共通要素
===================*/
html, body {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
}
.ff-noto {
  font-family: 'Noto Sans JP';
}
.ff-robot {
  font-family: Roboto Condensed;
}
.center {
  text-align: center;
}
.block{
  display: inline;
}
.spblock{
  display: block;
}
@media only screen and (min-width: 769px) {
  .block{
    display: block;
  }
  .spblock{
    display: inline;
  }
}
.pcimg{
  display: none;
}
@media only screen and (min-width: 769px) {
  .pcimg{
    display: inherit;
  }
  .spimg{
    display: none;
  }
}
.printimg{
  display: none;
}
/*--------------------------------
Base
--------------------------------*/
.c-horizontal--rowreverse {
  flex-direction: row-reverse;
}
.c-justify--between {
  justify-content: space-between;
}
.c-justify--center {
  justify-content: center;
}
.c-justify--end {
  justify-content: flex-end;
}
.c-alignitem--center {
  align-items: center;
}
.c-alignitem--start {
  align-items: flex-start;
}
.c-alignitem--end {
  align-items: flex-end;
}
@media only screen and (min-width: 769px) {
  .c-horizontal,
  .c-horizontal--rowreverse {
    display: flex;
    flex-wrap: wrap;
  }
}
.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}
header{
  padding: 5px;
}
@media only screen and (min-width: 1025px) {
  header{
  padding: 12px 14px 0 14px;
  }
}
.humb-menu__wrap {
  height: 53px;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 10;
}
.humb-menu__wrap2 {
  height: 53px;
  position: fixed;
  right: 70px;
  top: 10px;
  z-index: 1;
}
@media only screen and (min-width: 769px) {
  .humb-menu__wrap,
  .humb-menu__wrap2 {
    display: none;
  }
}
.menu-trigger,
.menu-trigger span,
.menu-trigger2,
.menu-trigger2 span {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  transition: all .4s;
}
.menu-trigger {
  position: relative;
  width: 53px;
  height: 53px;
  border: 1px solid #0043cc;
  border-radius: 3px;
}
.menu-trigger2 {
  position: relative;
  width: 53px;
  height: 53px;
  background-color: #0043cc;
  border-radius: 3px;
}
.menu-trigger.is-active{
  border: 1px solid #fff;
}
.menu-trigger span {
  position: absolute;
  left: 10px;
  width: 60%;
  height: 4px;
  background-color: #0043cc;
}
.menu-trigger2 span {
  position: absolute;
  left: 10px;
  top:2px;
  width: 60%;
  height: 4px;
  background-color: transparent;
}
.menu-trigger2.is-active span{
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 5px;
}
.menu-trigger span:nth-of-type(2) {
  top: 13px;
}
.menu-trigger span:nth-of-type(3) {
  top: 22px;
}
.menu-trigger2 span:nth-of-type(1) img {
  width: 95%;
}
.menu-trigger.is-active span:nth-of-type(1),
.menu-trigger2.is-active span:nth-of-type(1) {
  background-color: #fff;
  top: 4px;
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger2.is-active span:nth-of-type(1) img {
  display: none;
}
.menu-trigger.is-active span:nth-of-type(2),
.menu-trigger2.is-active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.is-active span:nth-of-type(3),
.menu-trigger2.is-active span:nth-of-type(3) {
  background-color: #fff;
  top: 20px;
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}
.menu__title {
  
}
.menu-trigger .menu__title:after{
  content: "メニュー";
  top:33px;
  left: 3px;
  color: #0043cc;
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: all .4s;
}
.menu-trigger2 .menu__title:after{
  content: "通販";
  top:33px;
  left: 15px;
  color: #fff;
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  transition: all .4s;
}
.menu-trigger.is-active .menu__title:after,
.menu-trigger2.is-active .menu__title:after{
  content: "閉じる";
  top:33px;
  left: 10px;
  color: #fff;
}

@media only screen and (min-width: 769px) {
  .menu__title{
    display: none;
  }
}
.nav_list {
  background-color: #0f3e9f;
  /*opacity: 0.95;*/
  box-sizing: border-box;
  left: 0;
  position: fixed;
  top: 0;
  transition: .3s;
  width: 100%;
  z-index: -1;
  visibility: hidden;
  padding-top: 80px;
}
.cart_list {
  background-color: #fff;
  /*opacity: 0.95;*/
  box-sizing: border-box;
  left: 0;
  position: fixed;
  top: 73px;
  transition: .3s;
  width: 100%;
  z-index: -1;
  visibility: hidden;
}
.nav_list.is-active,
.cart_list.is-active {
  transition: .3s;
  z-index: 1;
  visibility: visible;
}
.nav_list.is-active h1{
  /*content: url(../img/common/splogo.svg);*/
  position: absolute;
  top:15px;
  left: 5px;
  width: 237px;
}
@media only screen and (min-width: 769px) {
  .nav_list,
  .cart_list{
    background-color: transparent;
    border: none;
    position: static;
    opacity: 1;
    visibility: visible;
    width: auto;
    padding-top: 0;
  }
  .nav_list.is-active h1{
  content: url(../img/common/splogo.svg);
  position: absolute;
  top:12px;
  left: 14px;
  width: 300px;
  height: 52px;
  }
}
.navarea{
  position: relative;
  padding: 0 20px;
}
@media only screen and (min-width: 769px) {
  .navarea{
  background-color: transparent;
  padding: 0;
  }
}
.navarea>li {
  border-bottom: 1px solid #fff;
}
.navarea>li:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 769px) {
  .navarea>li {
   border-bottom: none;
  }
}
.navarea>li>a {
  display: block;
  font-weight: bold;
  padding: 5px 15px;
  color: #fff;
  font-size: 1.7rem;
}
.navarea>li>a:hover {
  opacity: .7;
  transition: all .3s ease;
}
@media only screen and (min-width: 769px) {
  .navarea>li>a {
    color: #000;
    padding: 0 3px;
    line-height: 30px;
    font-size: 1.5rem;
  }
  .navarea>li>a:hover {
  background-color: #eee;
  color: #000;
  }
}
@media only screen and (min-width: 1025px) {
  .navarea>li>a {
    padding: 0 10px;
    line-height: 50px;
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 769px) {
  .submenu {
    display: block;
    visibility: hidden;
    position: absolute;
    width: 130px;
    left: 0;
    top: 50px;
    box-sizing: border-box;
    z-index: 100;
    font-size: 0;
    list-style: none;
  }
  .submenu2 {
    display: block;
    visibility: hidden;
    position: absolute;
    width: 210px;
    left: 0;
    top: 50px;
    box-sizing: border-box;
    z-index: 100;
    font-size: 0;
    list-style: none;
  }
  .submenu li,
  .submenu2 li{
    font-size: 1.6rem;
    list-style: none;
    text-align: left;
    border-top:none;
    border: 1px solid #fff;
    border-top:none;
    padding: 0;
  }
  .submenu li a,
  .submenu2 li a{
    width: 100%;
    background-color: #000;
    display: block;
    opacity: 0.8;
    color: #fff;
    line-height: 40px;
    padding: 0 15px !important;
  }
  .submenu li a:hover,
  .submenu2 li a:hover{
    opacity: 1;
  }
  .submenu li a:before,
  .submenu2 li a:before{
  content:"";
  padding-right: 0;
  }
}
.header-shop-list {
  opacity: 0;
  transition: all .2s;
  visibility: hidden;
  z-index: 1;
}
.nav-parent{
  position: relative;
}
.nav-parent:hover .header-shop-list {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.menu-shop-nav {
  cursor: pointer;
  display: block;
  color: #fff;
  font-weight: bold;
  padding: 5px 15px;
}
.menu-shop-list,
.menu-shop-list2 {
  background: #fff;
  border-top: 1px solid #092764;
  transition: .2s;
}
.menu-shop-list li a,
.menu-shop-list2 li a{
  color: #092764;
  display: block;
  padding: 5px 15px;
  background-color: #fff;
  border-top: 1px solid #092764;
  font-weight: bold;
}
.menu-parent,
.menu-parent2{
  position: relative;
}
.menu-parent.is-active,
.menu-parent2.is-active{
  background-color: #092764;
}
.menu-parent:after,
.menu-parent2:after{
  content: "+";
  color: #fff;
  font-size: 3rem;
  position: absolute;
  top:-7px;
  right: 20px;
}
.menu-parent.is-active:after,
.menu-parent2.is-active:after{
  content: "-";
  font-size: 4rem;
  top:-17px;
}
.headerwrap .h-logo{
  width: 65%;
  height: 62px;
  padding-top: 10px;
}
.hdtext{
  display: none;
}
@media only screen and (min-width: 769px) {
  .headerwrap .h-logo{
    width: 21%;
    margin-bottom: 10px;
    height: auto;
    padding-top: 0;
  }
  .hdtext{
  color: #666;
  display: block;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1025px) {
  .headerwrap .h-logo{
    width: 28%;
    max-width: 450px;
    margin-bottom: 10px;
    height: auto;
    padding-top: 0;
  }
  .headerwrap .h-logo span{
  font-size: 1.1rem;
  margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1025px) {
  .hd_right{
  width: 72%;
  max-width: 1100px;
  }
}
.headerwrap .groop-c{
  display: none;
}
@media only screen and (min-width: 769px) {
  .headerwrap .groop-c{
  display: flex;
  justify-content: flex-end;
  padding-right: 32%;
  }
}
.headerwrap .groop-c li{
  margin-left: 10px;
}
.b-spmenu{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #092764;
}
@media only screen and (min-width: 769px) {
  .b-spmenu{
  background-color: transparent;
  }
}
.headerwrap .hd-sns{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 60%;
}
@media only screen and (min-width: 769px) {
  .headerwrap .hd-sns{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background-color: transparent;
  padding: 0;
  width: auto;
  }
}
@media only screen and (min-width: 1025px) {
  .headerwrap .hd-sns{
  justify-content: center;
  }
}
.b-spmenu .sppagetopimg{
  width: 40%;
}
.headerwrap .hd-sns li{
  margin-left: 5px;
}
@media only screen and (min-width: 769px) {
  .headerwrap .hd-sns li{
  width: 15%;
  }
}
@media only screen and (min-width: 1025px) {
  .headerwrap .hd-sns li{
  width: auto;
  }
}
.pagetop{
  display: none;
  position:absolute;
}
.pagetop-fixed{
  display: none;
  position: fixed;
  z-index: 9999;
}

@media only screen and (min-width: 769px) {
  .pagetop{
    display: block;
    right: 0;
    top: -120px;
    z-index: 10;
  }
  .pagetop-fixed{
    bottom:0;
    right: 0;
  }
}
/*--------------------------------
 BxSlider
--------------------------------*/
.bx-wrapper {
  margin: 0 auto;
}
.bx-wrapper .bx-viewport {
  left:0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border:none;
  background-color:transparent;
  /*
  overflow: visible!important;
  */
  width: 100%;
}
#main-slide .bx-wrapper .bx-viewport {
  overflow: visible!important;
}
@media only screen and (min-width: 769px) {
  #main-slide .bx-wrapper .bx-viewport {
  width: 1200px;
  }
}

.bx-wrapper .bx-prev {
  left: -30px;
  background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
  right: -30px;
  background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-prev {
  left: -51px;
  background: url(images/controls3.png) no-repeat 0 -54px;
}

.bx-wrapper .bx-next {
  right: -51px;
  background: url(images/controls3.png) no-repeat -66px -54px;
}
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -66px 0;
}
.section--news .bx-wrapper .bx-prev {
  left: -84px;
}
.section--news .bx-wrapper .bx-next {
  right: -84px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 53px;
  height: 53px;
  text-indent: -9999px;
  z-index: 9999;
}
#main-slide-max {
  width:100%;
  overflow:hidden;
  padding-top: 6px;
}
@media only screen and (min-width: 769px) {
  #main-slide-max {
    padding-top: 30px;
  }
}
#main-slide {
  margin: 0 auto;
}
#main-slide ul {
  margin: 0;
  padding: 0;
  list-style-type: none; 
}
#main-slide ul li {
  margin: 0;
  padding: 0;
  border: 6px solid #fff;
  border-radius: 6px;
}
#main-slide {
  width:100%;
  /*max-height:490px;*/
  overflow:hidden;
}
#main-slide img{
  width:100%;
  height:auto;
}
.slider {
  width: 9999%!important;
  list-style: none;
  margin: 0;
  padding: 0;
}
.slider li {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 769px) {
  .slider li {
    width: 1200px;
  }
}

/* 共通
   ----------------------------------------------------------------- */
.section {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 0 40px;
}
.section__head {
  padding: 40px 0 20px;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .section {
    padding: 0 0 50px;
  }
  .section__head {
    padding: 60px 0 40px;
  }
}
.section__title {
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .section__title {
    font-size: 2rem;
  }
}
.section__head .fc-blue {
  color: #0033cc;
}
.section__title:before {
  content: attr(data-entitle) "";
  display: block;
  font-size: 4.8rem;
  line-height: 1;
}
@media only screen and (min-width: 769px) {
  .section__title:before {
    font-size: 8.2rem;
  }
}
.section__body {
  padding: 0 16px;
}
@media only screen and (min-width: 769px) {
  .section__body {
    padding: 0;
  }
}
.all_list {
  margin-top: 30px;
}
.all_list a {
  border: 1px solid;
  color: #fff;
  display: block;
  font-size: 2rem;
  margin-left: auto;
  padding: 10px 15px 10px 55px;
  text-align: center;
  width: 100%;
}
.all_list a:after {
  content: url('../img/common/arrow.png');
  margin-left: 30px;
}
.all_list a:hover {
  background-color: #000;
}
@media only screen and (min-width: 769px) {
  .all_list a {
    width: 195px;
  }
}
.news__item,
.report__item {
  width: calc((100% - 20px) / 2);
}
@media only screen and (min-width: 769px) {
  .news__item,
  .report__item {
    width: calc((100% - 60px) / 4);
  }
}

.mt80 {
  margin-top: 40px;
}
@media only screen and (min-width: 769px) {
  .mt60 {
    margin-top: 60px;
  }
  .mt80 {
    margin-top: 80px;
  }
}

.c-list-unstyle {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.breadcrumb {
  padding: 0 16px;
}

.breadcrumb-list li {
  font-size: 1.2rem;
  line-height: 1.2;
}

.breadcrumb-list li {
  color: #fff;
  display: inline-block;
}
.breadcrumb-list li a {
  color: #fff;
}
.breadcrumb-list li:before {
  content: ">";
  margin: 0 .5rem;
}
.breadcrumb-list li:first-child:before {
  content: none;
  margin: 0;
}
.breadcrumb-list li a:hover {
  color: #ccc;
}

@media only screen and (min-width: 769px) {
  .breadcrumb {
  padding: 0;
  }

  .breadcrumb-list li {
    font-size: 1.4rem;
  }
}

.c-table {
  width: 100%;
}
.th, .td {
  border: 1px solid #333;
  color: #333;
  margin: 0;
  padding: 10px 5px;
}
.th {
  background-color: #ceeef7;
  font-weight: bold;
  padding-bottom: 0;
}
.td {
  padding-top: 3px;
  width: 100%;
}
.td ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.td .disc {
  padding-left: 20px;
  list-style-type: disc;
}
.table__link a {
  color: #0b8be3;
}
.table__link a:hover {
  text-decoration: underline;
}
.single_report__wrapp .table__link a {
  text-decoration: underline;
}
.single_report__wrapp .table__link a:hover {
  text-decoration: none;
}
 @media only screen and (min-width: 769px) {
  .c-table {
    border-collapse: collapse;
    display: table;
    text-align: left;
  }
  .tr {
    display: table-row;
  }
  .th, .td {
    display: table-cell;
    font-weight: normal;
    padding: 12px 0 12px 17px;
    vertical-align: top;
  }
  .td {
    width: calc(100% - 180px);
  }
  .th {
    font-weight: bold;
    width: 180px;
  }
  .th .icon-require {
    position: absolute;
    right: 0;
  }
}


/* News
   ----------------------------------------------------------------- */
.slide_news__wrapp {
  background-image: url('../img/index/news-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}
@media only screen and (min-width: 769px) {
  .slide_news__wrapp {
    padding-bottom: 50px;
  }
}
.section--news {
  padding-bottom: 0;
}
.news_slide_wrapp {
  margin: 0 auto;
}
.thumb-news {
  height: 90px;
  overflow: hidden;
}
.news__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news__item:nth-child(n+3) {
  margin-top: 16px;
}
@media only screen and (min-width: 769px) {
  .thumb-news {
    height: 135px;
  }
  .news__list {
    display: block;
  }
  .news__item:nth-child(n+3) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .news__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.news_content {
  background-color: #fff;
  padding: 8px 8px 10px;
}
.news_date {
  margin-left: 6px;
}
.news_cat,
.news_date,
.news_shopname {
  font-size: 1.4rem;
}
.news_shopname {
  display: inline-block;
}
@media only screen and (min-width: 769px) {
  .news_content {
    padding: 8px 8px 40px;
  }
  .news_shopname {
    display: block;
  }
}
.news_cat {
  color: #fff;
  display: inline-block;
  line-height: 1;
  margin-left: -8px;
  padding: 5px 0;
  text-align: center;
  width: 50%;
}
.news_text {
  font-size: 1.8rem;
  margin-top: 10px;
}
.news_text a {
  color: #0068b7;
  text-decoration: underline;
}
.news_text a:hover {
  text-decoration: none;
}
.news_shop {
  border: 1px solid;
  border-radius: 10px;
  color: #0068b7;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 0 10px;
}


/* Information
   ----------------------------------------------------------------- */
.section--infor {
  /*background-color: #000;*/
  background-image: url('../img/contents/info-bg2.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-bottom: 50px;
}
@media only screen and (min-width: 769px) {
  .section--infor {
    padding-bottom: 60px;
  }
}
.informationbody{
  background-color: #fff;
  padding: 47px 0 40px;
}
.informationbody2{
  color: #fff;
  padding: 40px 16px 0;
}
.informationbody2 h3{
  font-size: 3.2rem;
}
.informationbody2 h3 span{
  font-size: 1.6rem;
}
@media only screen and (min-width: 769px) {
  .informationbody2{
  padding: 40px 0 0;
  }
  .informationbody2 h3{
  font-size: 7.2rem;
  }
  .informationbody2 h3 span{
  font-size: 2.8rem;
  }
}
.informationbody2 ul{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.informationbody2 ul li{
  width: 50%;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .informationbody2 ul li{
  width: 33.333%;
  }
}
.informationbody2 ul li a{
  color: #fff;
}
.informationbody2 ul li img{
  width: 100%;
}
.informationbody2 ul li p{
  position: absolute;
  left: 5px;
  bottom: 10px;
  font-size: 1.2rem;
  line-height: 1.2;
}
.informationbody2 ul li p span{
  font-size: 1.6rem;
  display: block;
}
@media only screen and (min-width: 769px) {
  .informationbody2 ul li p{
  left: 20px;
  bottom: 20px;
  font-size: 1.6rem;
  }
  .informationbody2 ul li p span{
  font-size: 3.2rem;
  }
}
.infor_tab__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.infor_tab__item {
  font-size: 1.5rem;
  text-align: center;
  width: calc(100% / 2);
}
.infor_tab__item a {
  color: #0043cc;
  background-color: #eeeeee;
  display: block;
  padding: 25px 5px;
}

@media only screen and (min-width: 769px) {
  .infor_tab__item {
    font-size: 2.3rem;
  }
}
.infor_tab__item a span,
.active a span:after {
  margin-left: -15px;
  position: relative;
}
.infor_tab__item a span:after {
  background-size: contain;
  background-image: url('../img/index/arrow-off.png');
  background-repeat: no-repeat;
  content: "";
  display: block;
  left: 100%;
  height: 15px;
  margin-left: 4px;
  margin-top: -7.5px;
  position: absolute;
  top: 50%;
  vertical-align: middle;
  width: 15px;
}
@media only screen and (min-width: 769px) {
  .infor_tab__item a span:after {
    height: 20px;
    margin-left: 45px;
    width: 20px;
  }
}
.active a {
  color: #fff;
  background-color: #0043cc;
  position: relative;
}
.active a span:after {
  background-image: url('../img/index/arrow-on.png');
}
.active a:after {
  border-top: 34px solid #0043cc;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
  content: "";
  bottom: 0;
  display: block;
  left: 50%;
  margin-left: -35px;
  position: absolute;
}

.infor_area__list {
  display: flex;
  flex-wrap: wrap;
  /*margin-top: 57px;*/
  width: 100%;
}
.infore_area__item {
  position: relative;
  width: calc((100% - 14px) / 2);
}
.infore_area__item a {
  position: relative;
  width: calc((100% - 14px) / 2);
  border-radius: 30px;
  color: #333;
  background-color: #eeeeee;
  display: inline-block;
  font-size: 1.6rem;
  padding: 13px 20px;
  width: 100%;
}
.infore_area__item a:after {
  content: url('../img/index/arrow-inforarea.png');
  position: absolute;
  right: 16px;
}
.infore_area__item:nth-child(n+3) {
  margin-top: 5px;
}
@media only screen and (min-width: 769px) {
  .infor_area__list {
    /*margin-top: 47px;*/
    width: 370px;
  }
  .infore_area__item {
    left: 48px;
    width: calc((100% - 10px) / 2);
  }
  .infore_area__item a {

  }
}

.infore_area__item a:hover {
  background-color: #0b8be3;
  color: #fff;
}
.infore_area__item a:hover:after {
  content: url('../img/common/arrow.png');
}
.mapimg {
  margin: -160px auto 0;
}

.tab-right {
  margin-top: 45px;
}
@media only screen and (min-width: 769px) {
  .tab-right {
    padding-bottom: 162px;
  }
}
.tabr_title {
  color: #333;
  font-size: 2rem;
}

.lure_fishing__list,
.bait_fishing__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 13px;
  width: 100%;
}
.lure_fishing__item,
.bait_fishing__item {
  width: calc((100% - 8px) / 2);
}

.lure_fishing__item:nth-child(n+3),
.bait_fishing__item:nth-child(n+3) {
  margin-top: 10px;
}
/*.bait_fishing__item:nth-child(2n) {
  margin-left: 8px;
}*/

.lure_fishing__item:after,
.bait_fishing__item:after {
  content: url('../img/index/arrow-lure_fishing.png');
  display: inline-block;
  margin-left: 8px;
}
.lure_fishing__item img,
.bait_fishing__item img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .lure_fishing__item,
  .bait_fishing__item {
    width: calc((100% - 40px) / 6);
  }
  .lure_fishing__item:nth-child(n+3),
  .bait_fishing__item:nth-child(n+3) {
    margin-top: 0;
  }
  /*.bait_fishing__item {
    margin-left: 8px;
  }
  .bait_fishing__item:first-child {
    margin-right: 0;
  }*/
}
.info-reportarea{
  background-color: #000;
}
.info-reportarea li{
  text-align: center;
  font-size: 3.2rem;
  color: #fff;
}
.info-reportarea li:last-child{
  padding: 0 16px 20px;
}
@media only screen and (min-width: 769px) {
  .info-reportarea li{
  width: 50%;
  font-size: 3.2rem;
  }
}
.btn-info a {
  background-color: #df215c;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 2rem;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 100%;
  margin:30px auto 0;
}
@media only screen and (min-width: 769px) {
  .btn-info a {
  font-size: 2rem;
  width: 192px;
  }
}
.btn-info a:after {
  content: url('../img/common/arrow.png');
  right: 16px;
  position: absolute;
}
.btn-info a:hover {
  opacity: .8;
}
/* Report
   ----------------------------------------------------------------- */
.section--report {
  background-image: url('../img/index/report-bg.jpg');
}
.section--report .section__head {
  padding-top: 45px;
  position: relative;
}
.section--report .section__head:before {
  background-image: url(../img/index/icon-report.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 70px;
  margin-left: -160px;
  position: absolute;
  top: 50px;
  width: 72px;
}
@media only screen and (min-width: 769px) {
  .section--report .section__head {
    padding-top: 70px;
  }
  .section--report .section__head:before {
    height: 124px;
    margin-left: -270px;
    top: 80px;
    width: 127px;
  }
}
.section--report .section__title {
  line-height: 3.5;
}

.report__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.report__list:first-of-type {
  margin-top: 0;
}
.report__item:nth-child(n+3) {
  margin-top: 50px;
}
@media only screen and (min-width: 769px) {
  .report__item:nth-child(n+3) {
    margin-top: 0;
  }
  .report__item:nth-child(n+5) {
    margin-top: 50px;
  }
}
.thumb-report {
  text-align: center;
}
.report_text a {
  color: #fff;
  text-decoration: underline;
}
.report_text a:hover {
  text-decoration: none;
}

.report_dl {
  margin-top: 0;
  line-height: 1;
  margin-top: 7px;
}
.report_dt {
  border: 1px solid;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 0 10px;
}
.report_dd {
  color: #fff;
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 10px;
  vertical-align: middle;
  width: 50%;
}
@media only screen and (min-width: 374px) {
  .report_dt {
    display: inline-block;
  }
}
@media only screen and (min-width: 769px) {
.report_content {
  padding: 14px 8px 0;
}
  .report_dl {
    display: block;
  }
  .report_dt {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-top: 7px;
    padding: 0 10px;
  }
  .report_dd {
    font-size: 1.6rem;
    margin-left: 10px;
    margin-top: 0;
    vertical-align: middle;
  }
}

/* channel_events__wrapp
   ----------------------------------------------------------------- */
.channel_events__wrapp {
  background-image: url('../img/index/event-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.channel__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.channel__item {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: center;
}
.channel__item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .channel__list {
    flex-wrap: nowrap;
    margin-top: 0;
  }
  .channel__item {
    margin-left: 20px;
  }
  .channel__item:first-child {
    margin-left: 0;
  }
}

.events__item {
  margin: 10px auto 0;
  text-align: center;
}
.events__item:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 1200px) {
  .events__item {
    margin: 0;
  }
}

/* バナー
   ----------------------------------------------------------------- */
.bnr__wrapp {
  padding: 50px 16px;
}
@media only screen and (min-width: 769px) {
  .bnr__wrapp {
    padding: 90px 0 170px;
  }
}
.bnr__list {
  justify-content: space-between;
}
.bnr__item_recycle{
  border: 2px solid #ccc;
  box-sizing: border-box;
}
.bnr__item_line img,
.bnr__item_recycle img{
  width: 100%;
}
.bnr__item {
  margin-top: 8px;
}

.bnr__item:first-of-type {
  margin-top: 0;
}
.bnr__item_shop {
  border: 2px solid #ccc;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .bnr__item {
    margin-top: 20px;
  }
  .bnr__item_shop {
    padding: 10px 0;
    width: calc((100% - 40px) / 3);
  }
}
.seo__head {
  display: flex;
  margin-top: 50px;
}
.seo__head:before {
  content: "";
  border-left: 6px solid #0033cc;
  margin-right: 20px;
}
.seo__title {
  font-size: 2.3rem;
  line-height: 1.4;
}
.seo__text {
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 20px;
}
@media only screen and (min-width: 769px) {
  .seo__text {
    margin-top: 40px;
  }
}

/* Footer
   ----------------------------------------------------------------- */
.footer-wrapper {
  background: #2e2e2e;
  padding-bottom: 20px;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .footer-wrapper {
    padding-bottom: 60px;
  }
}
.footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.footer-nav {
padding: 50px 16px;
}
@media only screen and (min-width: 769px) {
  .footer-nav {
  padding: 70px 12px 80px 88px;
  }
}
.footer-nav a {
  color: #FFF;
}
.footer-nav__item {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .footer-nav__item {
    width: calc((100% - 216px) / 4);
  }
}
.footer-list {
  line-height: 1;
  padding-left: 10px;
}
.footer-nav__item,
.footer-nav__item .footer-list:nth-of-type(2) {
  padding-top: 50px;
}
.footer-nav__item:first-child {
  padding-top: 0;
}
@media only screen and (min-width: 769px) {
  .footer-nav__item {
    padding-top: 0;
  }
  .footer-nav__item .footer-list:nth-of-type(2) {
    padding-top: 100px;
  }
}
.footer-item__title:before {
  border-top: 1px solid #fff;
  content: "";
  display: block;
  margin-left: -10px;
  padding-top: 20px;
  width: 100%;
}
.footer-item__wrapp {
  /*display: none;*/
  margin-top: 20px;
}
.footer-item__title {
  color: #fff;
  /*cursor: pointer;*/
  font-size: 2.1rem;
}
@media only screen and (min-width: 769px) {
  .footer-item__wrapp {
    /*display: block;*/
    margin-top: 46px;
  }
  /*.footer-item__title {
    pointer-events: none;
  }*/
}
.footer-item {
  display: block;
  white-space: nowrap;
  font-size: 1.5rem;
  color: #fff;
}
.footer-item a {
  display: block;
  font-size: 1.5rem;
  margin-top: 16px;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .footer-item a {
    margin-top: 20px;
  }
}
.footer-item__subttl {
  margin-top: 50px;
}
.footer-item_2 {
  padding-left: .5em;
  position: relative;
}
.footer-item_2:before {
  border-top: 2px solid #fff;
  content: "";
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 4px;
}

.footer-item__st {
  margin-top: 16px;
}
@media only screen and (min-width: 769px) {
  .footer-item__st {
    margin-top: 40px;
  }
}
.footer-item__st:first-of-type {
  margin-top: 0;
}
.footer-item__st a {
  font-size: 1.9rem;
  line-height: 1.4;
}

.l_space{
  letter-spacing: -.16em;
}

.footer-logo {
  text-align: center;
}
.footer-links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
  justify-content: center;
}
.footer-links__item {
  margin-right: 10px;
}
.footer-links__item:last-child {
  margin-right: 0;
}
.footer-copy {
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: normal;
}

/* Report　一覧,詳細
   ----------------------------------------------------------------- */
.page--archive_report,
.page--single_report {
  background-image: url('../img/index/news-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
@media only screen and (min-width: 769px) {
  .page--archive_report,
  .page--single_report {
    padding-bottom: 128px;
  }
}
.page--archive_report .section__title,
.page--single_report .section__title {
  line-height: 3.5;
}
.archive_report__item {
  background-color: #fff;
  margin-top: 20px;
  padding: 20px 30px 20px 23px;
}
.archive_report__item:first-child {
  margin-top: 0;
}
.archive_report__item .nopost{
  font-size: 2rem;
}
.thumb-archive_report img {
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .thumb-archive_report img {
    width: 220px;
  }
}
.report_item__content {
  font-size: 1.6rem;
  margin-top: 20px;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .report_item__content {
    font-size: 1.4rem;
    margin-top: 0;
    width: calc(100% - 240px);
  }
}
.report_item__shopname {
  background-color: #0b8be3;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  line-height: 22px;
  padding: 0 20px;
}
.report_item__date {
  margin-top: 10px;
}
.report_item__date dt,
.report_item__date dd {
  display: inline;
  font-size: 1.6rem;
}
.report_item__date dd {
  margin-left: 20px;
}
.report_item__date dd .time{
  margin-left: 10px;
}
.report_item__title a {
  color: #0b8be3;
  font-size: 2.2rem;
  margin-top: 14px;
}
.report_item__title a:hover {
  text-decoration: underline;
}
.report_item__text {
  border-bottom: 1px solid #ccc;
  line-height: 1.6;
  padding: 20px 0;
}
.report_item_tag__list {
  margin-top: 8px;
}
.report__tag {
  display: block;
  line-height: 1;
  margin-top: 5px;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .report__tag {
    display: inline-block;
    margin-right: 45px;
  }
  .report__tag:nth-child(2n) {
    margin-right: 0;
  }
}
.report__tag:before {
  background-color: #ceeef7;
  border-radius: 30px;
  display: inline-block;
  margin-right: 10px;
  padding: 6px 0;
  text-align: center;
  top: 0;
  width: 82px;
}

.tag-area:before {
  content: "エリア";
}
.tag-catch:before {
  content: "釣果";
}
.tag-place:before {
  content: "釣り場";
}

.single_report {
  background-color: #fff;
  padding: 16px;
}
@media only screen and (min-width: 769px) {
  .single_report {
    padding: 34px 55px 55px 55px;
  }
}
.single_report .report_item_tag__list {
  margin-top: 0;
}
@media only screen and (min-width: 769px) {
  .single_report .report_item_tag__list {
    margin-top: 8px;
  }
}
.single_report__tag {
  background-color: #0b8be3;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  margin-right: 5px;
  padding: 3px 20px;
  top: 0;
}
.single_report__tag:nth-child(n+3) {
  margin-top: 5px;
}
@media only screen and (min-width: 769px) {
  .single_report__tag {
    font-size: 1.8rem;
    margin-top: 5px;
    margin-right: 5px;
  }
}
.page--section__head {
  padding: 16px 0 30px;
}
.single_report__title {
  color: #0b8be3;
  font-size: 2.4rem;
  line-height: 1.3;
}
@media only screen and (min-width: 769px) {
  .single_report__title {
    font-size: 3rem;
    line-height: 1.3;
  }
}

.thumb-report__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 13px;
  width: 100%;
}
.thumb-report__list li {
  cursor: pointer;
  cursor: hand;
  margin-right: 8px;
  max-height: auto;
  overflow: hidden;
  width: calc((100% - 24px) / 4);
}
.thumb-report__list li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .thumb-report__list li {
    margin-right: 16px;
    width: calc((100% - 48px) / 4);
  }
}

@media only screen and (min-width: 769px) {
.img-report_main__list {
    padding: 0
  }
}
.img-report_main__list li {
  display: none;
}
@media only screen and (min-width: 769px) {
  .img-report_main__list li {
    height: 480px;
    overflow: hidden;
  }
}
.img-report_main__list li:first-child {
  display: block;
}
.img-report_main__list li,
.img-report_main__list img {
  width: 100%;
}

.single_report__table {
  margin-top: 20px;
  width: 100%
}
.single_report__table .time{
  margin-left: 10px;
}
.single_report__text {
  border: 3px solid #eee;
  margin-top: 10px;
  padding: 16px;
}
@media only screen and (min-width: 769px) {
  .single_report__text {
    padding: 20px;
  }
}

.print_btn {
  margin-top: 20px;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .print_btn {
    margin-top: 50px;
  }
}
.print_btn a {
  background-color: #fff100;
  border-radius: 30px;
  color: #333;
  display: inline-block;
  font-size: 1.4rem;
  padding: 16px 0;
  text-align: center;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .print_btn a {
    font-size: 1.6rem;
    width: 256px;
  }
}
.print_btn a:after {
  content: url('../img/contents/icon-print.png');
  margin-left: 10px;
  vertical-align: middle;
}
@media only screen and (min-width: 769px) {
  .print_btn a:after {
    margin-left: 18px;
  }
}
.print_btn a:hover {
  opacity: .8;
}



/* sidebar
   ----------------------------------------------------------------- */
.sidebar {
  margin-top: 30px;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .sidebar {
    margin-top: 0;
    width: 265px;
  }
}
.main {
  margin-top: 20px;
}
.archive_report__list,
.single_report__wrapp {
  padding: 0 16px;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .archive_report__list,
  .single_report__wrapp {
    padding: 0;
    width: calc(100% - 295px);
  }
}
.side_search {
  background-color: #fff;
  font-size: 1.6rem;
  padding: 25px 12px 30px 12px;
}
.side_search__head {
  border-bottom: 1px solid #000;
  color: #333;
  font-size: 2.3rem;
  padding-bottom: 13px;
  text-align: center;
}
.side_search__head:before {
  content: url('../img/contents/search.png');
  margin-right: 10px;
}
.search__list {
  margin-top: 20px;
}
.search__item {
  margin-top: 10px;
}
.search__item dd {
  margin-top: 5px;
}
.search__item select,
.search__item input.text {
  background-color: #eee;
  border: none;
  padding: 4px 0;
  width: 100%;
}

.search_btn {
  margin-top: 25px;
}
.search_btn button {
  background-color: #df215c;
  border-radius: 30px;
  border: none;
  color: #fff;
  display: block;
  font-size: 2rem;
  line-height: 50px;
  text-align: center;
  width: 190px;
  margin:0 auto;
  position: relative;
}
.search_btn button:after {
  content: url('../img/common/arrow.png');
  position: absolute;
  right: 15px;
}
.search_btn button:hover {
  opacity: .8;
}
.sidebnr__list {
  margin-top: 20px;
}
.sidebnr__item {
  margin-top: 10px;
}
.bc-f {
  border: 3px solid #fff;
}
.bc-gra {
  border: 2px solid #ccc;
}

/* pagination
   ----------------------------------------------------------------- */
.pagination-wrap {
  margin-top: 20px;
  padding: 0 16px;
  text-align: center;
}
 @media only screen and (min-width: 769px) {
  .pagination-wrap {
    margin-top: 30px;
    padding: 0 70px;
  }
  .page--single_report .pagination-wrap {
    padding: 0 50px;
  }
}
.pagination-list {
  font-size: 0;
}
.pagination-list li {
  font-size: 1.6rem;
  margin-top: 10px;
}
.pagination-list li:first-child {
  margin-top: 0;
}

.pagination-list li a {
  border: 1px solid;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
 @media only screen and (min-width: 769px) {
  .pagination-list li {
    margin-top: 0;
  }
  .pagination-list li a {
    width: 133px;
  }
}
.pagination-list .next-item {
}
 @media only screen and (min-width: 769px) {
  .pagination-list .next-item {
    margin-top: 0;
  }
}

.pagination-list .prev-item a:before,
.pagination-list .next-item a:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  display: block;
  height: 9px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 9px;
}
.pagination-list .prev-item a:before {
  left: 15px;
  margin-right: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.pagination-list .next-item a:after {
  right: 15px;
}
.pagination-list li a:hover {
  background: #000;
}
/* sale 一覧・詳細
   ----------------------------------------------------------------- */
.page--sale  {
  background-image: url('../img/contents/shoploca-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.archive_sale__list,
.single_sale__wrapp {
  padding: 0 16px;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  .archive_sale__list,
  .single_sale__wrapp {
    padding: 0;
    width: calc(100% - 294px);
  }
}
.archive_sale__list p{
  margin-bottom: 1em;
}
.salelist{
  display: flex;
  flex-wrap: wrap;
}
li.sale__item{
  background-color: #fff;
  width: 48.8%;
  margin-bottom: 30px;
  margin-right: 2.4%;
}
li.sale__item:nth-child(1),
li.sale__item:nth-child(2){
  width: 100%;
  margin-right: 0;
}
li.sale__item:nth-child(even){
  margin-right: 0;
}
.s_thumb-news img{
  width: 100%;
}
@media only screen and (min-width: 769px) {
  li.sale__item{
  width: 31.6%;
  max-width: 230px;
  margin-right: 2.4%;
  }
  li.sale__item:nth-child(1),
  li.sale__item:nth-child(2){
  width: 48.8%;
  max-width: 356px;
  }
  li.sale__item:nth-child(1){
  margin-right: 2.4%;
  }
  li.sale__item:nth-child(even){
  margin-right: 2.4%;
  }
  li.sale__item:nth-child(3n+2){
  margin-right: 0;
  }
  li.sale__item:nth-child(1) .s_thumb-news,
  li.sale__item:nth-child(2) .s_thumb-news{
  height: 200px;
  overflow: hidden;
  }
  .s_thumb-news{
  height: 120px;
  overflow: hidden;
  }

}
.s_news_content{
  padding: 15px 20px;
}
.s_news_content .news_cat-sale{
  font-size: 1.4rem;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  width: 95px;
  text-align: center;
  margin-left: -20px;
}
.s_news_content .sale_date{
  font-size: 1.4rem;
  margin-left: 10px;
}
.s_news_content .e_cat{
  background-color: #0043cc;
  color: #fff;
  font-size: 1.4rem;
  margin-left: -20px;
  padding: 0 20px;
}
.s_news_content dl{
  display: flex;
  flex-wrap: wrap;
}
.s_news_content dl dt{
  margin-right: 10px;
}
.single_event .e_cat{
  background-color: #0043cc;
  color: #fff;
  font-size: 1.8rem;
  padding: 0 10px;
  margin-top: 20px;
  display: table;
}
.single_event h2.tl{
  font-size: 3rem;
  margin-bottom: 20px;
  line-height: 1.2;
}
.sale_text a{
  color: #0068b7;
  display: block;
  font-size: 1.8rem;
  text-decoration:underline;
  margin-top: 5px;
  line-height: 1.4;
}
.single_sale {
  background-color: #fff;
  padding: 16px;
}
@media only screen and (min-width: 769px) {
  .single_sale {
    padding: 34px 55px 55px 55px;
  }
}
.single_sale .saleimg img{
  width: 100%;
}
.singletl{
  margin: 30px 0 10px;
  font-size: 1.6rem;
}
.singletl .news_cat-sale{
  color: #fff;
  font-size: 1.8rem;
  padding: 0 15px;
  line-height: 30px
}
.single_sale h2.sale_title{
  font-size: 3rem;
  margin-bottom: 25px;
}
.single_sale .sale_shop,
.single_event .event_shop{
  border: 3px solid #eee;
  padding: 10px;
  margin-bottom: 20px;
}
.single_sale .sale_shop p,
.single_event .event_shop p{
  font-size: 2rem;
  background-color: #ceeef7;
  padding: 3px 20px;
}
.single_sale .sale_shop ul{
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  font-size: 1.6rem;
}
.single_event .event_shop dl{
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0;
  font-size: 1.6rem;
}
@media only screen and (min-width: 769px) {
  .single_event .event_shop dl{
    padding: 10px 20px 0;
    width: 50%;
  }
}
.single_event .event_shop dl dt{
  width: 95px;
}
.single_sale .sale_shop ul li,
.single_event .event_shop dl dd{
  background: url(../img/common/tolink.png) no-repeat 0 10px;
  padding-left:17px;
}
.single_sale .sale_shop ul li a,
.single_event .event_shop dl dd a{
  margin-right: 20px;
  color: #0068b7;
  text-decoration: underline;
  font-size: 1.6rem;
}
.single_sale .sale_shop ul li a:hover,
.single_event .event_shop ul li a:hover{
  text-decoration: none;
}
.bloglistbox{
  font-size: 2rem;
  color: #fff;
}
.chokalistbox{
  font-size: 2rem;
  color: #000;
}









.side_shoplist{
  background-color: #fff;
  padding: 10px;
  margin-bottom:20px;
}
.shopnewslist{
  background-color: #fff;
  padding: 10px 0 20px;
}
.side_shoplist h2,
.shopnewslist h2{
  font-size: 2.3rem;
  position: relative;
  padding: 0 0 10px 48px;
}
.shopnewslist h2{
  margin:0 10px;
  border-bottom: 1px solid #000;
}
.side_shoplist h2:before{
  content: url(../img/common/sd_shopimg.png);
  position: absolute;
  top:5px;
  left: 8px;
}
.shopnewslist h2:before{
  content: url(../img/common/sd_newsimg.png);
  position: absolute;
  top:5px;
  left: 8px;
}
.sd_shopnews{
  padding: 10px;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sd_shopnews:last-child{
  border-bottom: none;
}
.sd_shopnews .thumimg{
  width: 33%;
  max-width: 78px;
}
.sd_shopnews .sd_newsbox{
  width: 63%;
}
.sd_newsbox .e_cat{
  font-size: 1.2rem;
  background-color: #0043cc;
  color: #fff;
  padding: 0 5px;
}
.s_news_cat{
  font-size: 1.2rem;
  color: #fff;
  display: inline-block;
  line-height: 20px;
  width: 70px;
  text-align: center;
  margin-right: 7px;
}
.s_news_date{
  font-size: 1.2rem;
}
.s_news_text a{
  display: block;
  line-height: 1.4;
  font-size: 1.3rem;
  color: #0068b7;
  text-decoration: underline;
}
.s_news_text a:hover{
  text-decoration: none;
}
.s_news_shop{
  font-size: 1.2rem;
  border: 1px solid;
  border-radius: 10px;
  color: #0068b7;
  display: inline-block;
  line-height: 1.4;
  padding: 0 10px;
}
.s_news_shopname{
  font-size: 1.4rem;
}
.news_shopname span:not(:nth-child(1)):before,
.s_news_shopname span:not(:nth-child(1)):before{
  content: "、";
}
.side_shoplist ul{
  display: flex;
  flex-wrap: wrap;
}
.side_shoplist ul li{
  background: url(../img/index/arrow-lure_fishing.png) no-repeat 90% center;
  font-size: 1.5rem;
  line-height: 1.2;
  width: 50%;
  border-top: 1px solid #ccc;
  padding: 10px 43px 10px 12px;
}
.side_shoplist ul li:nth-child(odd){
  border-right:1px solid #ccc;
}
.newslink a{
  display: block;
  font-size: 2rem;
  background: url(../img/common/arrow.png) no-repeat 90% center;
  background-color: #0b8be3;
  color: #fff;
  border-radius: 25px;
  line-height: 50px;
  width: 190px;
  margin: 0 auto;
  text-align: center;
}
/* shoplocation 一覧・詳細
   ----------------------------------------------------------------- */
.page--shoplocation  {
  background-image: url('../img/contents/shoploca-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.page--shoplocation .main {
  padding: 0 16px;
}
.shoplocation,
.archive-shoplocation {
  background-color: #fff;
  color: #333;
  padding: 25px 20px 44px;
  max-width: 1024px;
}
.page--shoplocation .section__title:before {
  line-height: 1.2;
}
.single__title {
  font-size: 2.4rem;
}
@media only screen and (min-width: 769px) {
  .single__title {
  font-size: 3.6rem;
  }
}
.shop_img img {
  width: 100%;
}
.shop_img__item {
  margin-top: 10px;
}
.shop_text {
  font-size: 1.3rem;
  margin-top: 20px;
}
.manager_content {
  background-color: #f6f6f6;
  margin-top: 16px;
  padding: 16px 15px 28px;
}
.manager_content .comment__head {
  border-bottom: 1.5px solid #0b8be3;
  font-size: 1.6rem;
  line-height: 1;
  margin-top: 23px;
  padding-bottom: 5px;
}
.manager_img {
  position: relative;
}
.manager_img:after {
  bottom: 0;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  content: "店長　" attr(data-managername);
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.manager_content .comment__text {
  font-size: 1.3rem;
  margin-top: 12px;
}

.shoplocation__table {
  border-collapse: collapse;
  margin-top: 24px;
  text-align: left;
}
.shoplocation__table .tr {
  display: table-row;
}
.shoplocation__table .th,
.shoplocation__table .td {
  display: table-cell;
  font-size: 1.3rem;
  font-weight: normal;
  padding: 12px 17px;
  vertical-align: top;
}
.shoplocation__table .td {
  width: 70%;
}
.shoplocation__table .th {
  font-weight: bold;
  width: 30%;
}
.ntb-line {
  display: block;
  margin-top: 20px;
}
.ntb-line img{
  width: 250px;
}
 @media only screen and (min-width: 769px) {
  .page--shoplocation .main {
    padding: 0;
  }
  .single__title {
    font-size: 5.4rem;
  }
  .shoplocation {
    padding: 48px 52px 45px;
    margin-bottom: 50px;
  }
  .shop_text {
    font-size: 1.6rem;
    margin-top: 35px;
  }
  .shop_main {
    padding: 0 185px;
  }
  .shop_img__list {
    margin-top: 30px;
  }
  .shop_img__item {
    margin-top: 0;
    margin-right: 20px;
    width: calc((100% - 40px) / 3);
  }
  .shop_img__item:last-child{
    margin-right: 0;
  }
  .manager_img {
    width: 340px;
  }
  .manager_img:after {
    font-size: 1.8rem;
    padding: 12px 0;
  }
  .manager_content {
    padding: 15px 52px 15px 15px;
  }
  .manager_comment {
    width: calc(100% - 377px);
  }
  .manager_content .comment__head {
    font-size: 2.3rem;
    margin-top: 30px;
  }
  .manager_content .comment__text {
    font-size: 1.6rem;
  }
  .shoplocation__table {
    margin-top: 35px;
  }
  .shoplocation__table .th,
  .shoplocation__table .td {
    font-size: 1.6rem;
  }
  .shoplocation__table .td {
    width: calc(100% - 160px);
  }
  .shoplocation__table .th {
    font-weight: bold;
    width: 160px;
  }
  .shoplocation__table:after:hover {
  }
}


.bnt_list {
  margin-top: 18px;
}
.btn a {
  background-color: #df215c;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 1.5rem;
  padding: 13px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.btn a:after {
  content: url('../img/common/arrow.png');
  right: 0;
  padding-right: 47px;
  position: absolute;
}
.btn a:hover {
  opacity: .8;
}
.btn-shop {
  margin-top: 5px;
}
.btn-shop a {
  background-color: #0bbbd9;
}
.shopbt{
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 50px;
}
.shopbt dl{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.4;
  margin:10px 0;
}
@media only screen and (min-width: 769px) {
  .shopbt dl{
  margin:0;
  }
}
.shopbt dl p a{
  display: block;
  text-align:right;
  color: #fff;
  font-size: 1.4rem;
  position: relative;
  padding-right: 20px;
}
.shopbt dl p a:after{
  content: url(../img/common/arrow.png);
  position: absolute;
  right: 0;
}
.shopbt dl dd{
  padding: 0 30px 0 20px;
}
.shopsalearea{
  background-color: #fff;
  padding: 50px 0;
}
.shopinfoarea{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 16px;
}
@media only screen and (min-width: 769px) {
  .shopinfoarea{
  padding: 0;
  }
  .shopsalearea .saleinfo{
  width: 50%;
  }
}
.shopsalearea .saleinfo h3{
  text-align: center;
  color: #0043cc;
  font-size: 3.2rem;
  margin-bottom: 30px;
}
.shopsalearea .saleinfo .item{
  width: 49%;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.shopsalearea .saleinfo .item .thumb{
  height: 100px;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .shopsalearea .saleinfo .item .thumb{
  height: 165px;
  }
}
.shopsalearea .saleinfo .item .content{
  padding: 10px;
  line-height: 1.4;
}
.shopsalearea .saleinfo .item .cat{
  color: #fff;
  padding: 0 10px;
  font-size: 1.4rem;
  margin-left: -10px;
}
.shopsalearea .saleinfo .item .date{
  font-size: 1.4rem;
}
.shopsalearea .saleinfo .item .text a{
  color: #0068b7;
  text-decoration:underline;
}
.shopsalearea .saleinfo .item .text a:hover{
  text-decoration: none;
}

.archive-shoplocation {
  padding: 24px 20px;
}
.archive-shoplocation:nth-child(n+2) {
  margin-top: 10px;
}

.archive-shoplocation .shop_img {
  width: 100%;
}
.shop_name {
  margin-top: 18px;
}
.shop_name a {
  color: #0b8be3;
  font-size: 2rem;
  line-height: 1;
}
.shop_access {
  font-size: 1.3rem;
  margin-top: 13px;
}
.shop_access__dt,
.shop_access__dd {
  display: inline-block;
  vertical-align: top;
}
.shop_access__dt:after {
  content: "： ";
}

 @media only screen and (min-width: 769px) {
  .btn a {
    font-size: 1.6rem;
    padding: 16px 0;
    width: 266px;
  }
  .btn a:after {
    padding-right: 16px;
  }
  .archive-shoplocation {
    padding: 18px 30px;
  }
  .shop_name {
    margin-top: 13px;
  }
  .shop_name a {
    font-size: 2.4rem;
  }
  .shop_access {
    font-size: 1.6rem;
   margin-top: 18px;
  }
  .shop_access__dl {
    margin-top: 5px;
  }
  .shop_access__dl:first-child {
    margin-top: 0;
  }
  .bnt_list {
    margin-top: 62px;
  }
}
 @media only screen and (min-width: 969px) {
  .archive-shoplocation .shop_img {
    width: 270px;
  }
  .shop_content {
    width: calc(100% - 584px);
  }
}
/* About, Privacy policy, Social media policy, Q&A, Link, Recruit
   ----------------------------------------------------------------- */
.page--company  {
  background-image: url('../img/contents/about-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px;
  background-attachment: fixed;
}
.page--company .main,
.page--member .main {
  padding: 0 16px;
}
.about,
.policy,
.member {
  background-color: #fff;
  color: #333;
  padding: 25px 20px 44px;
  max-width: 1024px;
}
.About_title,
.policy_title,
.link_title {
  background-color: #0b8be3;
  color: #fff;
  font-size: 1.8rem;
  padding: 10px 20px;
  text-align: left;
}
.About_table {
  margin-top: 20px;
}
.About_table .th {
  border-bottom: none;
}
.About_table .td {
  border-top: none;
}
.About_table .th,
.About_table .td {
  background-color: #fff;
  border-color: #cccccc;
  border-left: none;
  border-right: none;
  font-size: 1.6rem;
}
.About_table .tr:last-child .td {
  border: none;
}
 @media only screen and (min-width: 769px) {
  .page--company  {
    padding-bottom: 195px;
  }
  .page--company .main,
  .page--member .main {
    padding: 0;
  }
  .about,
  .policy,
  .member {
    padding: 42px 52px 100px;
  }
  .About_title {
    font-size: 2.3rem;
    padding: 17px 30px;
  }
  .About_table {
    margin-top: 40px;
  }
  .About_table .th,
  .About_table .td {
    padding: 20px 0;
  }
  .About_table .th {
    border-bottom: 1px solid #cccccc;
    padding-left: 37px;
    width: 230px;
  }
  .About_table .td {
    border-top: 1px solid #cccccc;
    width: calc(100% - 230px);
  }
  .About_table .tr:last-child .th {
    border: none;
  }
}
/* Privacy policy
   ----------------------------------------------------------------- */
.page--policy .section__title {
  line-height: 4;
}
.policy_title,
.link_title {
  margin-top: 20px;
}
.policy_text {
  font-size: 1.6rem;
  line-height: 1.8;
}
.policy_text:nth-child(n+2) {
  margin-top: 10px;
}
.policy_list {
  margin-left: 25px;
}
.policy_list li {
  list-style-type: disc;
}
 @media only screen and (min-width: 769px) {
  .policy {
    padding-bottom: 100px;
  }
  .policy_title,
  .link_title {
    margin-top: 30px;
  }
  .policy_text {
    padding:0 30px;
  }
  .policy_text:nth-child(n+2) {
    margin-top: 20px;
  }
  .policy_list {
    margin-left: 30px;
  }
}
/* Social media policy
   ----------------------------------------------------------------- */
.social_text {
  font-weight: 500;
  margin-top: 20px;
}
.sns_list a {
  color: #0b8be3;
}
.sns_list a:hover {
  text-decoration: underline;
}
.social_list {
  margin-left: 25px;
}
.social_list li {
  list-style-type: decimal
}
.social_list--infor li:nth-child(n+2) {
  margin-top: 20px;
}
 @media only screen and (min-width: 769px) {
  .social_list {
    margin-left: 30px;
  }
  .social_list--infor li:nth-child(n+2) {
    margin-top: 40px;
  }
}
/* Q&A
   ----------------------------------------------------------------- */
.page--qa  {
  font-size: 1.3rem;
}
.page--qa .policy {
    padding: 20px 10px 108px;
}
.question_wrapp:not(:last-child) {
  padding-bottom: 40px;
}
.qa_content {
  margin-top: 20px;
  padding: 0 30px 0 45px;
}

.question_head {
  background-color: #ceeef7;
  color: #333;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 10px 15px;
}
.num0 {
  counter-reset: number 0;
}
.q_title {
  font-size: 1.4rem;
  text-indent: -35px;
}
.question_wrapp:nth-child(n+5) .q_title,
.qa_indent .q_title {
  text-indent: -42px;
}
.q_title:before {
  color: #df215c;
  content: "Q" counter(number) ". ";
  counter-increment: number 1;
  margin-right: .5em;
}
.a_text {
  line-height: 1.6;
  text-indent: -27px;
}

.a_text:before {
  color: #0068b7;
  content: "A. ";
  font-size: 1.6rem;
  font-weight: bold;
  margin-right: .5em;
}
.a_links a {
  color: #0068b7;
  font-size: 1.5rem;
  text-decoration: underline;
}
.a_img {
  margin-top: 5px;
}
.mt20 {
  margin-top: 10px;
}
.q-shop_list li {
  padding-left: 15px;
}

.notes {
  padding-left: 2em;
  text-indent: -1em;
}
 @media only screen and (min-width: 769px) {
  .page--qa  {
    font-size: 1.6rem;
  }
  .qa_content {
    margin-top: 48px;
    padding: 0 30px 0 80px;
  }
  
  .q_title {
    font-size: 2rem;
    text-indent: -50px;
  }
  .question_wrapp:nth-child(n+5) .q_title,
  .qa_indent .q_title {
    text-indent: -60px;
  }
  .a_text {
    line-height: 1.8;
    margin-top: 20px;
    text-indent: -40px;
  }
  .a_text:before {
    font-size: 2.3rem;
  }
  .question_wrapp:nth-child(n+5) .a_text,
  .qa_indent .a_text {
    text-indent: -40px;
  }
  .a_links a {
    font-size: 1.6rem;
  }
  .a_img {
    margin-top: 14px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .page--qa .policy {
      padding: 38px 52px 100px;
  }
  .question_head {
    font-size: 2.3rem;
    line-height: 1.4;
    padding: 16px 30px;
  }
  .q-shop_list li {
    margin-top: 10px;
  }
  .q-shop_list li:nth-child(n+2) {
    margin-left: 38px;
  }
}
/* Link
   ----------------------------------------------------------------- */
.page--link .policy {
  padding-top: 58px;
}
.page--link .policy_title:first-child {
  margin-top: 0;
}
.link_collection__list {
  padding-left: 26px;
}
.link_collection__item {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 46px;
}
.link_collection__item:before {
content: "■";
}
.link_collection__2item:first-child {
  margin-top: 20px;
}
.link_collection__2item:not(:last-child) {
  margin-bottom: 10px;
}
.link_collection__2item {
  line-height: 1;
}
.link_collection__2item a {
  color: #0068b7;
  font-size: 1.3rem;
  font-weight: normal;
}
.link_collection__2item:before {
  color: #0068b7;
  content: "・";
}
 @media only screen and (min-width: 769px) {
  .link_collection__list > li {
    font-size: 1.8rem;
  }
  .link_collection__2item {
    display: inline-block;
  }
  .link_collection__2item a {
    font-size: 1.6rem;
  }
  .link_collection__2item {
    margin-right: 40px;
  }
  .link_collection__2item:first-child {
    margin-top: 40px;
  }
  .link_collection__2item:not(:last-child) {
    margin-bottom: 20px;
  }
}
/* Recruit
   ----------------------------------------------------------------- */
.page--recruit  {
  background-image: url('../img/contents/about-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 40px;
  background-attachment: fixed;
}
.page--recruit .main {
  padding: 0 16px;
}
 @media only screen and (min-width: 769px) {
  .page--recruit  {
  }
  .page--recruit .main {
    padding: 0;
  }
}
.recruit {
  background-color: #fff;
  color: #333;
  padding: 20px 16px 50px;
  max-width: 1024px;
}
.recruit__head:first-child {
  padding-top: 80px;
}
.recruit__head {
  border-bottom: 3px solid #0b8be3;
  font-size: 2rem;
  line-height: 1;
  padding: 30px 0 8px;
}
.recruit__body {
  margin-top: 20px;
  margin-bottom: 30px;
  width: 100%;
}
.recruit__text {
  font-size: 1.5rem;
}
.recruit__img,
.recruit__content {
  width: 100%;
}
.recruit__img {
  margin-top: 10px;
}
.recruit__content span {
  display: block;
  font-size: 1.6rem;
}
.recruit__name {
  font-size: 3rem;
  line-height: 1;
  margin: 10px 0;
}
.job_content {
  margin-top: 20px;
}
.job_q__content {
  font-size: 1.5rem;
}
.job_head,
.job_head_q {
  color: #0b8be3;
  font-size: 1.8rem;
  font-weight: bold;
}

.job_head_q {
  margin-top: 40px;
}
.job_text {
  font-size: 1.6rem;
}
.mt40 {
  margin-top: 20px;
}
.mt140 {
  margin-top: 40px;
}
.btn-recruit a {
  background-color: #0b8be3;
  margin: 0 auto;
}
.btn-part a {
  background-color: #0bbbd9;
  margin-top: 10px;
}
.btn-recruit a:after {
  padding-right: 20px;
}
 @media only screen and (min-width: 769px) {
  .recruit {
    padding: 37px 52px 50px;
  }
  .recruit__head {
    font-size: 3.2rem;
    padding: 30px 0 20px;
  }
  .recruit__body {
    margin-top: 34px;
  }
  .recruit__text {
    font-size: 2rem;
  }
  .recruit__img {
    margin-top: 0;
    width: 50%;
  }
  .recruit__content {
    width: calc(50% - 40px);
  }
  .recruit__content:first-child {
    width: calc(50% - 26px);
  }
  .recruit__content span {
    font-size: 2rem;
    line-height: 1;
    margin-top: 8px;
  }
  .recruit__name {
    font-size: 4.5rem;
    margin: 108px 0 25px;
  }
  .job_content {
    margin-top: 40px;
  }
  .job_q__content {
    font-size: 2rem;
  }
  .job_head,
  .job_head_q {
    font-size: 2.4rem;
  }
  
  .job_text {
    font-size: 2rem;
  }
  .job_head_q {
    margin-top: 40px;
  }
  .mt40 {
    margin-top: 40px;
  }
  .btn-recruit a {
    border-radius: 55px;
    font-size: 3rem;
    padding: 30px 0;
    width: 602px;
  }
  .btn-recruit a:after {
    content: url('../img/contents/arrow-recruit.png');
    padding-right: 45px;
  }
  .mt140 {
    margin-top: 140px;
  }
}
.keitaiterm{
  font-size: 2.4rem;
  color: #0068b7;
  border-bottom: 3px solid #0b8be3;
}
@media only screen and (min-width: 769px) {
  .keitaiterm{
  font-size: 3rem;
 }
}
.recruit__item{
  border: 3px solid #ceeef7;
  padding: 10px;
  margin-bottom: 10px;
}
.recruit__item .recruit_title a{
  border-bottom: 1px solid #ccc;
  color: #0068b7;
  display: block;
  font-size: 2rem;
  line-height: 1.4;
  padding-bottom: 10px;
}
@media only screen and (min-width: 769px) {
  .keitaiterm{
  font-size: 4.5rem;
  }
  .recruit__item{
  padding: 20px 30px 30px;
  }
  .recruit__item .recruit_title a{
  font-size: 3rem;
  }
}
.recruit__item dl{
  font-size: 1.6rem;
  margin-top: 20px;
}
.recruit__item dl dt{
  color: #0068b7;
}
@media only screen and (min-width: 769px) {
  .recruit__sub{
  width: 80%;
  }
  .recruit__item dl{
  display: table;
  width: 100%;
  margin-top: 20px;
  }
  .recruit__item dl dt{
  display: table-cell;
  width: 20%;
  position: relative;
  }
  .recruit__item dl dt:after{
  content: "ー";
  color: #000;
  position: absolute;
  top: 0;
  right: 15px;
  }
  .recruit__item dl dd{
  display: table-cell;
  width: 80%;
  }
}
.btn-recruit2 a {
  background-color: #0b8be3;
  font-size: 1.6rem;
  padding: 5px 40px 5px 30px;
  width: auto;
  margin-top:20px;
}
@media only screen and (min-width: 769px) {
  .btn-recruit2 a {
    margin-top: 0;
  }
}
.btn-recruit2 a:after {
  padding-right: 15px;
}
.recruit__title{
  color: #0068b7;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 20px;  
}
.recruit__shosai dl{
  font-size: 1.6rem;
  border-top:1px solid #000;
}
.recruit__shosai dl dt{
  background-color: #ceeef7;
  padding: 10px;
}
.recruit__shosai dl dd{
  padding: 10px;
}
@media only screen and (min-width: 769px) {
  .recruit__title{
  font-size: 4.5rem;
  }
  .recruit__shosai dl{
  display: table;
  font-size: 1.6rem;
  width: 100%;
  border-top:1px solid #000;
  }
  .recruit__shosai dl dt{
  display: table-cell;
  width: 20%;
  background-color: #ceeef7;
  padding: 15px 30px;
  }
  .recruit__shosai dl dd{
  display: table-cell;
  width: 80%;
  padding: 15px 30px;
  }
}
.recruit__shosai dl:last-child{
  border-bottom:1px solid #000;
  margin-bottom: 30px;
}

.oubotitle{
  font-size: 3.2rem;
}
.recruit__contact{
  border: 3px solid #ccc;
  padding: 25px 10%;
}
.recruit__contact dl{
  margin-bottom: 10px;
  line-height: 1.2;
}
.recruit__contact dl dt{
  font-size: 1.6rem;
}
.recruit__contact dl dd{
  font-size: 2.3rem;
}
.recruit__contact dl dd.tel{
  font-size: 3.5rem;
  font-weight: bold;
}
@media only screen and (min-width: 769px) {
  .recruit__contact dl{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  }
  .recruit__contact dl dt{
  width: 16%;
  position: relative;
  }
  .recruit__contact dl dt:after{
  content: "ー";
  position: absolute;
  top: 0;
  right: 30px;
  }
  .recruit__contact dl dd.tel{
  font-size: 4.5rem;
  }
}




/* 釣果速報
   ----------------------------------------------------------------- */
.page--bulletin  {
  background-image: url('../img/contents/shoploca-bg.jpg');
  background-repeat: repeat;
  background-size: contain;
}
.bulletin__list{
  background-color: #fff;
  padding: 50px 16px;
}
@media only screen and (min-width: 769px) {
  .bulletin__list{
  padding: 50px;
  }
}

.bulletinsearch li{
  font-size: 1.6rem;
  background-color: #eee;
  margin-bottom: 5px;
}
@media only screen and (min-width: 769px) {
.bulletinsearch{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
  .bulletinsearch li{
  margin-bottom: 0;
  }
}
.bulletinsearch li select,
.bulletinsearch li input{
  border: none;
  padding: 5px 0;
  background-color: #eee;
  width: 100%;
}
.bulletinsearch li.kikan select{
  width: 46.5%;
}
@media only screen and (min-width: 769px) {
  .bulletinsearch li select,
  .bulletinsearch li input,
  .bulletinsearch li.kikan select{
  width: auto;
  }
  .bulletinsearch li.text input{
  	width: 170px;
  }
}
.search_btn2 {
  margin: 30px auto;
}
.search_btn2 button {
  background-color: #0043cc;
  border-radius: 30px;
  border: none;
  color: #fff;
  display: block;
  font-size: 2rem;
  line-height: 50px;
  text-align: center;
  width: 190px;
  margin:0 auto;
  position: relative;
}
.search_btn2 button:after {
  content: url('../img/common/arrow.png');
  position: absolute;
  right: 15px;
}
.search_btn2 button:hover {
  opacity: .8;
}
.bulletin__list h2{
  text-align: center;
  font-size: 3.2rem;
  margin-bottom: 30px;
}
.bulletin__list table{
  width: 100%;
  font-size: 1.6rem;
  border-top:1px solid #666;
  border-left: 1px solid #666;
}
.bulletin__list table th{
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  width: 12%;
  text-align: center;
  background-color: #ceeef7;
  padding: 5px;
}
.bulletin__list table th.comment{
  width: 28%;
}
.bulletin__list table td{
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  padding: 5px;
}
.bulletin__list table td .term,
.report_dl dd .term{
  display: block;
}
.report_item_tag__list li .term:last-child:after{
  content: " ";
}
/**/
.page--member  {
  background-image: url('../img/contents/about-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
  background-attachment: fixed;
}
@media only screen and (min-width: 769px) {
  .page--member  {
  padding-bottom: 195px;
  }
}
.memberbox1{
  margin-bottom: 50px;
}
.memberbox1 .img1{
  margin-bottom: 10px;
}
.memberbox1 .text1{
  font-size: 2rem;
  font-weight: bold;
  color: #0068b7;
  letter-spacing: -0.07em;
  margin-bottom: 10px;
}
@media only screen and (min-width: 769px) {
  .memberbox1 .img1{
  margin-bottom: 30px;
  }
  .memberbox1 .text1{
  font-size: 3.7rem;
  }
}
.member_kitei dl{
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
@media only screen and (min-width: 769px) {
  .member_kitei dl{
  padding: 15px 35px;
  }
}
.member_kitei dl:last-child{
  border-bottom: none;
  margin-bottom: 50px;
}
.member_kitei dl dt{
  width: 10%;
  font-size: 2rem;
}
.member_kitei dl dd{
  width: 90%;
}
.member_privacy dl{
  font-size: 1.6rem;
  border-bottom: 1px solid #ccc;
  padding: 15px 0;
}
.member_privacy dl:last-child{
  border-bottom: none;
}
.member_privacy dl dt{
  font-weight: bold;
  margin-bottom: 10px;
}
@media only screen and (min-width: 769px) {
  .member_privacy dl{
  display: flex;
  flex-wrap: wrap;
  padding: 15px 35px 15px 20px;
  }
  .member_privacy dl dt{
  width: 18%;
  margin-bottom: 0;
  }
  .member_privacy dl dd{
  width: 82%;
  }
}
.member_privacy .blue{
  color: #0068b7;
  margin-top: 5px;
}
.member_privacy .text2{
  font-size: 1.4rem;
  margin-top: 5px;
}
.btn-recycl a {
  background-color: #0068b7;
  border-radius: 40px;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 100%;
  margin:0 auto 20px;
}
.btn-recycl a:after {
  content: url('../img/contents/arrow-recruit.png');
  right: 0;
  padding-right: 20px;
  position: absolute;
}
@media only screen and (min-width: 769px) {
  .btn-recycl a {
  font-size: 3rem;
  width: 600px;
  margin:0 auto 50px;
  }
  .btn-recycl a:after {
  padding-right: 47px;
  }
}
.btn-recycl a:hover {
  opacity: .8;
}
/*買取情報*/
.sidescroll{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px auto;
}
.sidescroll li{
  font-size: 1.4rem;
  color: #cc0000;
}
.sidescroll li:first-child{
  margin-right: 8px;
}
.purchasearea h2{
  text-align: center;
  font-size: 2.6rem;
  margin:30px auto;
}
@media only screen and (min-width: 769px) {
  .purchasearea h2{
  font-size: 4.5rem;
  }
}
.fee_table{
  overflow: auto;
  /*white-space: nowrap;*/
}
@media only screen and (min-width: 769px) {
  .fee_table{
  overflow: inherit;
  /*white-space: nowrap;*/
  }
}

.bulletin__list table{
  width: 920px;  
}
.purchasearea table{
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  width: 920px;
  font-size: 1.6rem;
  line-height: 1.4;
}
.purchasearea table th{
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color: #ceeef7;
  text-align: center;
  font-size: 1.4rem;
  padding: 5px;
  vertical-align: middle;
}
.purchasearea table td{
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  vertical-align: middle;
}
.purchasearea table td.date{
  font-size: 14px;
  padding: 0 5px;
  width: 9%;
}
.purchasearea table td.shop{
  font-size: 14px;
  padding: 0 5px;
  width: 7%;
}
.purchasearea table td.maker{
  font-size: 14px;
  padding: 0 5px;
  width: 8%;
}
.purchasearea table td.title{
  font-size: 14px;
  padding: 0 5px;
  width: 20%;
}
.purchasearea table td.statas{
  font-size: 14px;
  text-align: center;
  width: 6%;
}
.purchasearea table td.teika{
  text-align: center;
  width: 9%;
}
.purchasearea table td.kakaku{
  text-align: center;
  color: #ff0000;
  width: 9%;
}
.purchasearea table td.img{
  padding: 5px;
  width: 28%;
}
.purchasearea table td.img .img-list {
  display: flex;
  flex-wrap: nowrap;
}
.purchasearea table td.img .img-list li {
  width: 33%;
}
.purchasearea table td.img .img-list li:nth-child(2) {
  margin: 0 5px;
}
/*リサイクル*/
.recycl_box h2{
  font-size: 2.6rem;
  margin-top: 50px;
}
@media only screen and (min-width: 769px) {
  .recycl_box h2{
  font-size: 4rem;
 }
}
.recycl_box .text2{
  margin-top: 20px;
}
.genkinonly,
.hanbaishop{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.genkinonly li{
  border:4px solid #8cc63f;
  text-align: center;
  padding: 20px 0;
  width: 19.5%;
  max-width: 180px;
}
.hanbaishop li{
  border:4px solid #8cc63f;
  text-align: center;
  padding: 20px 0;
  width: 24.5%;
  max-width: 226px;
}
.genkinonly2{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.genkinonly2 li{
  border:4px solid #8cc63f;
  text-align: center;
  padding: 20px 0;
  width: 19.5%;
  max-width: 180px;
  margin-right: 0.6%;
}
@media only screen and (min-width: 769px) {
  .genkinonly li{
  padding: 35px 0;
  }
  .genkinonly2 li{
  padding: 35px 0;
  }
  .hanbaishop li{
  padding: 35px 0;
  }
}
.pagenation{
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.pagenation li{
  border: 1px solid #000;
  background-color: #fff;
  margin-right: 5px;
}
.pagenation li .current{
  background-color: #000;
  color: #fff;
  display: block;
  padding: 7px 5px;
}
.pagenation li a{
  display: block;
  padding: 7px 5px;
}
.pagenation li a:hover{
  background-color: #000;
  color: #fff;
}

/*アングルチャンネル*/
.page--channel  {
  background-image: url('../img/contents/channel-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.page--channel .archive_channel__list,
.single_channel,
.single_event {
  padding: 16px;
  background-color: #fff;
}
@media only screen and (min-width: 769px) {
  .page--channel .archive_channel__list,
  .single_channel,
  .single_event {
    padding: 32px;
  }
}
.archive_channel__list ul{
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
.archive_channel__list ul li{
  font-size: 1.4rem;
  margin-right: 2%;
  width: 49%;
  margin-bottom: 45px;
}
.archive_channel__list ul li:nth-child(2n){
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .archive_channel__list ul li{
  margin-right: 1.3%;
  width: 24%;
  max-width:230px;
  margin-bottom: 45px;
  }
  .archive_channel__list ul li:nth-child(2n){
    margin-right: 1.3%;
  }
  .archive_channel__list ul li:nth-child(4n){
    margin-right: 0;
  }
}
.archive_channel__kanren{
  margin: 40px 0 0;
}
.archive_channel__kanren h2{
  font-size: 3.2rem;
}
.archive_channel__kanren ul{
  display: flex;
  flex-wrap: wrap;
}
.archive_channel__kanren ul li{
  font-size: 1.4rem;
  margin-right: 2%;
  width: 49%;
  margin-bottom: 45px;
}
.archive_channel__kanren ul li:nth-child(2n){
  margin-right: 0;
}
@media only screen and (min-width: 769px) {
  .archive_channel__kanren ul li{
  margin-right: 1.7%;
  width: 32%;
  max-width:307px;
  margin-bottom: 45px;
  }
  .archive_channel__kanren ul li:nth-child(2n){
    margin-right: 1.7%;
  }
  .archive_channel__kanren ul li:nth-child(3n){
    margin-right: 0;
  }
}
.channel_item__content h2 a{
  font-size: 1.6rem;
  line-height: 1.2;
  display: block;
  margin-bottom: 10px;
}
.channel_item__content h2 a:hover{
  text-decoration: underline;
}
.channel_item__content span{
  background-color: #0068b7;
  color: #fff;
  border-radius: 15px;
  padding: 0 10px;
  display: block;
  margin-bottom: 3px;
}
@media only screen and (min-width: 769px) {
  .channel_item__content h2 a{
    font-size: 1.8rem;
  }
  .channel_item__content span{
  margin-right: 2px;
  display: inline-block;
  }
}

.single_channel h2{
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 769px) {
  .single_channel h2{
    font-size: 4.5rem;
  }
}
.channel_item_tag__list{
  margin-bottom: 20px;
}
.channel_item_tag__list li{
  background-color: #0068b7;
  color: #fff;
  border-radius: 15px;
  padding: 0 10px;
  margin-right: 2px;
  font-size: 1.4rem;
  margin-bottom: 3px;
}
.channel_table dl{
  border-bottom: 1px solid #ccc;
}
.channel_table dl dt{
  padding: 10px;
  font-weight: bold;
}
.channel_table dl dd{
  padding: 0 10px 10px;
}
@media only screen and (min-width: 769px) {
  .channel_table dl{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
  }
  .channel_table dl dt{
    width: 20%;
    padding: 10px 20px;
  }
  .channel_table dl dd{
    width: 80%;
    padding: 10px 20px;
  }
}

/* 営業時間
   ----------------------------------------------------------------- */
.hours .sun {color: #F00;}
.hours .sat {color: #06F;}
.hours th {padding: 7px; border: 1px solid #666;}
.hours td {padding: 7px; border: 1px solid #666; vertical-align: middle;}
.hours .color-g {background-color: #eee;}
.hours .color-w {background-color: #fff;}