body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #555;
  text-align: center;
  font: normal 14px Sans-serif;
  line-height: 160%;
}

th, td {
  color: #555;
  vertical-align: top;
  font-weight: normal;
  font: normal 14px Sans-serif;
  line-height: 160%;
}

img {
  border: none;
  vertical-align: bottom;
}

form {
  margin: 0;
}

a {
  cursor: pointer;
}
a:link {
  color: #486B97;
  text-decoration: none;
}
a:visited, a:active {
  color: #5B8190;
  text-decoration: none;
}
a:hover {
  color: #946349;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media only screen and (max-width: 767px) {
  .content {
    width: 100%;
    max-width: 640px;
    margin: auto;
    padding: 10px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .content {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 10px 0 0 0;
  }
}

.entry {
  margin: 0 0 30px 0;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .entry {
    padding: 0 5px;
  }
  .entry .prime p {
    margin: 0 0 15px 0;
  }
  .entry .prime p:last-child {
    margin: 0 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .entry {
    padding: 0 10px;
  }
  .entry .sub {
    width: 22%;
  }
  .entry .prime {
    width: 76%;
    z-index: 10;
  }
  .entry .prime p {
    margin: 0 0 15px 0;
  }
  .entry .prime p:last-child {
    margin: 0 0 0 0;
  }
}
.entry .local-menu ul {
  width: calc(100% + 2px);
  margin: 0 0 13px -2px;
  padding: 0;
  list-style: none;
  -webkit-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.entry .local-menu ul li {
  text-align: center;
  background-color: #26AE90;
  margin: 0 0 2px 2px;
  line-height: 0;
}
.entry .local-menu ul li:hover {
  background-color: #60C4B0;
}
.entry .local-menu ul li a {
  width: 100%;
  display: inline-block;
  padding: 14px 0;
  line-height: 100%;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .entry .local-menu ul li {
    width: calc((100% - 2px) / 3 - 2px);
  }
  .entry .local-menu ul li a {
    font-size: 0.85em;
  }
}
@media only screen and (min-width: 768px) {
  .entry .local-menu ul li {
    width: calc((100% - 2px) / 5 - 2px);
  }
  .entry .local-menu ul li a {
    font-size: 1em;
  }
}
.entry .slick {
  width: calc(100% - 60px);
  margin-left: auto;
  margin-right: auto;
}
.entry .slick figure, .entry .slick li {
  margin: 0 2px;
  text-align: center;
}
.entry .slick figure figcaption, .entry .slick figure p, .entry .slick li figcaption, .entry .slick li p {
  max-width: 120px;
  word-wrap: break-word;
  margin: 5px auto 0 auto;
}
.entry .slick figure figcaption span, .entry .slick figure p span, .entry .slick li figcaption span, .entry .slick li p span {
  font-size: 1.2em;
  font-weight: bold;
  color: #ef0033;
}
@media only screen and (max-width: 767px) {
  .entry .slick {
    width: calc(100% - 20px);
  }
}
@media only screen and (min-width: 768px) {
  .entry .slick {
    width: calc(100% - 60px);
  }
}
.entry .slick-large {
  margin-left: auto;
  margin-right: auto;
}
.entry .slick-large figure, .entry .slick-large li {
  margin: 0 2px;
  text-align: center;
}
.entry .slick-large figure img, .entry .slick-large li img {
  height: 350px;
  width: auto;
}
.entry .slick-large figure figcaption, .entry .slick-large figure p, .entry .slick-large li figcaption, .entry .slick-large li p {
  margin: 5px auto 0 auto;
}
.entry .slick-large figure figcaption span, .entry .slick-large figure p span, .entry .slick-large li figcaption span, .entry .slick-large li p span {
  font-size: 2em;
  font-weight: 900;
  color: #ef0033;
  line-height: 130%;
}
@media only screen and (max-width: 767px) {
  .entry .slick-large {
    width: calc(100% - 20px);
  }
}
@media only screen and (min-width: 768px) {
  .entry .slick-large {
    width: calc(100% - 60px);
  }
}

.nav-local {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  width: 100%;
  max-width: 1200px;
  margin: 15px auto 10px;
}
.nav-local img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .nav-local li {
    width: 24.5%;
    margin: 0 0 1% 0;
  }
}
@media only screen and (min-width: 768px) {
  .nav-local li {
    width: 12.3%;
  }
}

.searchbar {
  margin: 0 0 20px 0;
}
.searchbar__content form {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
}
.searchbar__input {
  width: calc(100% - 50px);
}
.searchbar__submit {
  width: 50px;
  box-sizing: border-box;
  background-color: #666;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.searchbar input[type=text] {
  -webkit-appearance: none;
  font-size: 1.5rem;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  box-shadow: 0 0 1px #ccc inset;
  border: 1px solid #ccc;
}
.searchbar input[type=image] {
  -webkit-appearance: none;
}

.home h1,
.tento h1,
.takuhai h1,
.shucho h1,
.hajimete h1,
.faq h1,
.shingan h1,
.sodan h1 {
  font-size: 18px;
  line-height: 150%;
  padding: 10px 0 8px 10px;
  margin: 0 0 15px 0;
  text-align: left;
}
.home h2,
.tento h2,
.takuhai h2,
.shucho h2,
.hajimete h2,
.faq h2,
.shingan h2,
.sodan h2 {
  font-size: 16px;
  line-height: 150%;
  padding: 0 0 7px 5px;
  margin: 0 0 10px 0;
}
.home h3,
.tento h3,
.takuhai h3,
.shucho h3,
.hajimete h3,
.faq h3,
.shingan h3,
.sodan h3 {
  font-size: 14px;
  line-height: 150%;
}
.home .hero,
.tento .hero,
.takuhai .hero,
.shucho .hero,
.hajimete .hero,
.faq .hero,
.shingan .hero,
.sodan .hero {
  margin: 0 0 10px 0;
}
.home .hero img,
.tento .hero img,
.takuhai .hero img,
.shucho .hero img,
.hajimete .hero img,
.faq .hero img,
.shingan .hero img,
.sodan .hero img {
  width: 100%;
  max-width: 1200px;
}
.home .entry section,
.tento .entry section,
.takuhai .entry section,
.shucho .entry section,
.hajimete .entry section,
.faq .entry section,
.shingan .entry section,
.sodan .entry section {
  margin: 0 0 30px 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home .entry,
  .tento .entry,
  .takuhai .entry,
  .shucho .entry,
  .hajimete .entry,
  .faq .entry,
  .shingan .entry,
  .sodan .entry {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .home .entry,
  .tento .entry,
  .takuhai .entry,
  .shucho .entry,
  .hajimete .entry,
  .faq .entry,
  .shingan .entry,
  .sodan .entry {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
  }
}
.home .step img,
.tento .step img,
.takuhai .step img,
.shucho .step img,
.hajimete .step img,
.faq .step img,
.shingan .step img,
.sodan .step img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home .step,
  .tento .step,
  .takuhai .step,
  .shucho .step,
  .hajimete .step,
  .faq .step,
  .shingan .step,
  .sodan .step {
    padding: 0 5px;
    margin: 0 0 20px 0;
  }
  .home .step ul,
  .tento .step ul,
  .takuhai .step ul,
  .shucho .step ul,
  .hajimete .step ul,
  .faq .step ul,
  .shingan .step ul,
  .sodan .step ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
  }
  .home .step .step0,
  .tento .step .step0,
  .takuhai .step .step0,
  .shucho .step .step0,
  .hajimete .step .step0,
  .faq .step .step0,
  .shingan .step .step0,
  .sodan .step .step0 {
    display: none;
  }
  .home .step .step1,
  .tento .step .step1,
  .takuhai .step .step1,
  .shucho .step .step1,
  .hajimete .step .step1,
  .faq .step .step1,
  .shingan .step .step1,
  .sodan .step .step1 {
    width: 32%;
  }
  .home .step .step2,
  .tento .step .step2,
  .takuhai .step .step2,
  .shucho .step .step2,
  .hajimete .step .step2,
  .faq .step .step2,
  .shingan .step .step2,
  .sodan .step .step2 {
    width: 32%;
  }
  .home .step .step3,
  .tento .step .step3,
  .takuhai .step .step3,
  .shucho .step .step3,
  .hajimete .step .step3,
  .faq .step .step3,
  .shingan .step .step3,
  .sodan .step .step3 {
    width: 28%;
  }
}
@media only screen and (min-width: 768px) {
  .home .step,
  .tento .step,
  .takuhai .step,
  .shucho .step,
  .hajimete .step,
  .faq .step,
  .shingan .step,
  .sodan .step {
    padding: 0 10px;
    margin: 0 0 20px 0;
  }
  .home .step ul,
  .tento .step ul,
  .takuhai .step ul,
  .shucho .step ul,
  .hajimete .step ul,
  .faq .step ul,
  .shingan .step ul,
  .sodan .step ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
  }
  .home .step .step0,
  .tento .step .step0,
  .takuhai .step .step0,
  .shucho .step .step0,
  .hajimete .step .step0,
  .faq .step .step0,
  .shingan .step .step0,
  .sodan .step .step0 {
    width: 14.2%;
  }
  .home .step .step1,
  .tento .step .step1,
  .takuhai .step .step1,
  .shucho .step .step1,
  .hajimete .step .step1,
  .faq .step .step1,
  .shingan .step .step1,
  .sodan .step .step1 {
    width: 28%;
  }
  .home .step .step2,
  .tento .step .step2,
  .takuhai .step .step2,
  .shucho .step .step2,
  .hajimete .step .step2,
  .faq .step .step2,
  .shingan .step .step2,
  .sodan .step .step2 {
    width: 28%;
  }
  .home .step .step3,
  .tento .step .step3,
  .takuhai .step .step3,
  .shucho .step .step3,
  .hajimete .step .step3,
  .faq .step .step3,
  .shingan .step .step3,
  .sodan .step .step3 {
    width: 24.5%;
  }
}
@media only screen and (max-width: 767px) {
  .home .naze .block,
  .tento .naze .block,
  .takuhai .naze .block,
  .shucho .naze .block,
  .hajimete .naze .block,
  .faq .naze .block,
  .shingan .naze .block,
  .sodan .naze .block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
    padding: 10px;
  }
  .home .naze .pic,
  .tento .naze .pic,
  .takuhai .naze .pic,
  .shucho .naze .pic,
  .hajimete .naze .pic,
  .faq .naze .pic,
  .shingan .naze .pic,
  .sodan .naze .pic {
    width: 35%;
    text-align: center;
  }
  .home .naze .coment,
  .tento .naze .coment,
  .takuhai .naze .coment,
  .shucho .naze .coment,
  .hajimete .naze .coment,
  .faq .naze .coment,
  .shingan .naze .coment,
  .sodan .naze .coment {
    width: 60%;
  }
  .home .naze img,
  .tento .naze img,
  .takuhai .naze img,
  .shucho .naze img,
  .hajimete .naze img,
  .faq .naze img,
  .shingan .naze img,
  .sodan .naze img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .home .naze,
  .tento .naze,
  .takuhai .naze,
  .shucho .naze,
  .hajimete .naze,
  .faq .naze,
  .shingan .naze,
  .sodan .naze {
    display: flex;
    justify-content: space-between;
  }
  .home .naze .block,
  .tento .naze .block,
  .takuhai .naze .block,
  .shucho .naze .block,
  .hajimete .naze .block,
  .faq .naze .block,
  .shingan .naze .block,
  .sodan .naze .block {
    margin: 0 0 0 2%;
    width: 30%;
  }
  .home .naze .pic,
  .tento .naze .pic,
  .takuhai .naze .pic,
  .shucho .naze .pic,
  .hajimete .naze .pic,
  .faq .naze .pic,
  .shingan .naze .pic,
  .sodan .naze .pic {
    text-align: center;
    margin: 0 0 15px 0;
  }
  .home .naze img,
  .tento .naze img,
  .takuhai .naze img,
  .shucho .naze img,
  .hajimete .naze img,
  .faq .naze img,
  .shingan .naze img,
  .sodan .naze img {
    height: 120px;
    max-width: 150px;
  }
}
.home .faq-pickup dt,
.tento .faq-pickup dt,
.takuhai .faq-pickup dt,
.shucho .faq-pickup dt,
.hajimete .faq-pickup dt,
.faq .faq-pickup dt,
.shingan .faq-pickup dt,
.sodan .faq-pickup dt {
  margin: 0 0 5px 0;
  color: #913873;
  padding: 0 0 0 5px;
}
.home .faq-pickup dt:before,
.tento .faq-pickup dt:before,
.takuhai .faq-pickup dt:before,
.shucho .faq-pickup dt:before,
.hajimete .faq-pickup dt:before,
.faq .faq-pickup dt:before,
.shingan .faq-pickup dt:before,
.sodan .faq-pickup dt:before {
  content: "Q";
  margin: 0 5px 0 0;
}
.home .faq-pickup dd,
.tento .faq-pickup dd,
.takuhai .faq-pickup dd,
.shucho .faq-pickup dd,
.hajimete .faq-pickup dd,
.faq .faq-pickup dd,
.shingan .faq-pickup dd,
.sodan .faq-pickup dd {
  margin: 0 0 20px 20px;
}

@media only screen and (max-width: 767px) {
  .sub > .awesome {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .sub > .awesome {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
  }
  .sub > .awesome .block {
    text-align: center;
    height: 330px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0 0 10px 0;
  }
  .sub > .awesome .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: #eee;
    height: 200px;
  }
  .sub > .awesome .pic img {
    max-width: 220px;
    max-height: 180px;
  }
  .sub > .awesome .coment {
    padding: 7px 10px 0;
  }
  .sub > .awesome .coment strong {
    font-size: 20px;
    color: #cc0000;
    display: block;
    margin: 5px 0 0 0;
  }
}

.home h1 {
  background-color: #333;
  color: #fff;
}
.home h2 {
  border-bottom: 1px dotted #78393f;
  padding: 0 0 7px 5px;
  color: #8e0b18;
}
.home h3 {
  padding: 0 0 7px 5px;
  color: #620b13;
}
.home > em {
  display: block;
  margin: 0;
  padding: 10px 0 7px 0;
  font-style: normal;
  border-top: 2px solid #93b198;
  border-bottom: 2px solid #93b198;
  font-size: 16px;
  background-color: #f3f5d6;
}
.home > .pickup_category-subject {
  display: none;
}
.home > .pickup_category {
  margin: 15px auto 0;
}
@media only screen and (min-width: 768px) {
  .home > .pickup_category {
    width: 94%;
    height: 120px;
  }
}
.home > .pickup_category .block {
  text-align: center;
  margin: 0 5px;
  padding: 0 3px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .home > .pickup_category .block {
    width: 200px;
  }
}
.home > .pickup_category .block img {
  width: 100%;
}
.home > .pickup_category .block p {
  margin: 3px 0 0 0;
  padding: 3px 0 4px;
  background-color: #eceee3;
}
.home .hero {
  background-color: #fdc900;
  margin: 0 0 0 0;
}
.home .hero img {
  width: 100%;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .home .hero .hero-pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .home .hero .hero-sp {
    display: none;
  }
}
.home .nav-home {
  background-color: #fdc900;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 767px) {
  .home .nav-home {
    padding: 0 5px;
  }
}
@media only screen and (min-width: 768px) {
  .home .nav-home {
    padding: 0 10px;
  }
}
.home .nav-home .container {
  width: 100%;
  margin: auto;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .home .nav-home .container {
    max-width: 640px;
    padding: 10px 0;
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .home .nav-home .container {
    max-width: 1200px;
    padding: 0 0 20px 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.home .nav-home .sub img {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .home .nav-home .sub .nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .home .nav-home .sub .nav li {
    width: 49.5%;
    margin: 10px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .home .nav-home .sub {
    width: 22%;
    background-color: rgba(255, 255, 208, 0.5);
    box-sizing: border-box;
  }
  .home .nav-home .sub .nav li {
    margin: 15px 4% 0 4%;
  }
}
.home .nav-home .prime img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home .nav-home .prime .tento {
    margin: 0 0 5px 0;
  }
  .home .nav-home .prime .takuhai {
    margin: 0 0 5px 0;
  }
}
@media only screen and (min-width: 768px) {
  .home .nav-home .prime {
    width: 77%;
    padding: 10px;
    background-color: rgba(115, 115, 115, 0.5);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
  }
  .home .nav-home .prime .area {
    width: 49.5%;
  }
  .home .nav-home .prime .takuhai {
    margin: 0 0 2% 0;
  }
}
.home .category_list,
.home .shop_list {
  margin: 0 0 30px 0;
}
@media only screen and (min-width: 768px) {
  .home .category_list,
  .home .shop_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
  }
  .home .category_list .area,
  .home .shop_list .area {
    width: 32%;
    margin: 0 0 0 0.5%;
  }
}
.home .category_list ul,
.home .shop_list ul {
  margin: 0 0 20px 0;
}
.home .category_list li,
.home .shop_list li {
  margin: 5px 0 0 10px;
  padding: 0 0 0 7px;
  position: relative;
}
.home .category_list li:first-child,
.home .shop_list li:first-child {
  margin: 0 0 0 10px;
}
.home .category_list li:before,
.home .shop_list li:before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #a3b7b6;
  position: absolute;
  top: 5px;
  left: -3px;
}
.home .banner {
  text-align: center;
}
.home .banner a {
  display: block;
  margin: 0 0 10px 0;
}
.home .banner img {
  max-width: 100%;
}
.home .fun_movie {
  margin: 0 0 15px 0;
  border: 2px solid #ccc;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .home .tweet {
    display: none;
  }
}
.tento h1 {
  background-color: #5c3b20;
  color: #fff;
}
.tento h2 {
  border-bottom: 1px dotted #ccc;
  color: #c13800;
}
.tento .shop_map img {
  width: 100%;
}
.tento .parking-subject {
  background-color: #ffe4b8;
  text-align: center;
  padding: 5px 0;
}
.tento .parking-subject img {
  height: 26px;
}
.tento .parking dl {
  margin: 0 0 0 10px;
  padding: 0;
}
.tento .parking dt {
  margin: 15px 0 3px 0;
  color: #ff7400;
}
.tento .parking dd {
  margin: 0 0 0 5px;
}
@media only screen and (max-width: 767px) {
  .tento .naze .block {
    border: 3px solid #e7c7c7;
  }
}
.tento .koko > div {
  border: 3px solid #e6bd66;
  padding: 15px;
  box-sizing: border-box;
}
.tento .kotsu .block {
  border: 7px solid #ffab00;
}
.tento .kotsu strong {
  background-color: #e99b00;
  color: #fff;
}

.takuhai h1 {
  background-color: #3e5e42;
  color: #fff;
}
.takuhai h2 {
  border-bottom: 1px dotted #ccc;
  padding: 0 0 7px 5px;
}
.takuhai .link_web {
  border-top: 2px dotted #ccc;
  padding: 15px 0 0 0;
  text-align: center;
}
.takuhai .link_web a {
  display: block;
  padding: 17px 0;
  font-size: 26px;
  line-height: 100%;
  background-color: #64b947;
  color: #fff;
  border: 1px solid #387d22;
}
.takuhai .link_button {
  text-align: center;
}
.takuhai .link_button a {
  display: block;
  font-size: 16px;
  line-height: 100%;
  padding: 10px 0;
  background-color: #64b947;
  color: #fff;
  border: 1px solid #387d22;
}
@media only screen and (min-width: 768px) {
  .takuhai .shipping > div {
    margin: 0 0 20px 0;
  }
  .takuhai .shipping > div p {
    margin: 0 0 0 5px;
  }
  .takuhai .shipping > div span {
    font-size: 12px;
    line-height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .takuhai .naze .block {
    border: 3px solid #94c095;
  }
}
.takuhai .koko > div {
  border: 3px solid #94c095;
  padding: 15px;
  box-sizing: border-box;
}
.takuhai .kotsu .block {
  border: 7px solid #94c095;
}
.takuhai .kotsu strong {
  background-color: #4a804b;
  color: #fff;
}

.shucho h1 {
  background-color: #122d5e;
  color: #fff;
}
.shucho h2 {
  border-bottom: 1px dotted #122d5e;
  padding: 0 0 7px 5px;
  color: #122d5e;
}
.shucho #tab {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
}
.shucho #tab a {
  display: block;
  background-color: #117ebe;
  color: #fff;
  padding: 10px 0 10px 0;
  border-top: none;
  border-bottom: 1px solid #666;
  box-sizing: border-box;
}
.shucho #tab a:hover {
  background-color: #85b2cc;
  border-top: none;
  border-bottom: none;
}
.shucho #tab .select a {
  display: block;
  background-color: #85b2cc;
  color: #fff;
  padding: 10px 0 10px 0;
  border-top: 1px solid #666;
  border-bottom: none;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .shucho #tab li {
    width: 49.5%;
    text-align: center;
    margin: 0 0 0.5% 0;
  }
}
@media only screen and (min-width: 768px) {
  .shucho #tab li {
    width: 24.5%;
    text-align: center;
    margin: 0 0 5px 0;
  }
}
.shucho .none {
  display: none;
}
.shucho .tab_content {
  margin: 10px 0 0 0;
}
.shucho .tab_content .note {
  margin: 0 0 20px 5px;
}
.shucho .tab_content .note h3 {
  font-size: 14px;
  margin: 20px 0 10px 0;
}
.shucho .tab_content .note h3 + p {
  margin-left: 5px;
}
@media only screen and (max-width: 767px) {
  .shucho .tab_content {
    border: 1px solid #6b86ae;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 768px) {
  .shucho .tab_content {
    border: 3px solid #6b86ae;
    padding: 30px 20px;
  }
}
.shucho .pageback {
  text-align: center;
}
.shucho .pageback a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #dce9ee;
  margin: 10px;
}
.shucho .honto strong {
  position: relative;
  display: block;
  font-size: 18px;
  background: #eeff00;
  border: 2px solid #b52929;
  text-align: center;
  padding: 15px 0;
  margin: 20px 0 0 0;
  color: #cc0000;
}
.shucho .honto strong:after, .shucho .honto strong:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.shucho .honto strong:after {
  border-color: rgba(238, 255, 0, 0);
  border-bottom-color: #eeff00;
  border-width: 18px;
  margin-left: -18px;
}
.shucho .honto strong:before {
  border-color: rgba(181, 41, 41, 0);
  border-bottom-color: #b52929;
  border-width: 21px;
  margin-left: -21px;
}
@media only screen and (max-width: 767px) {
  .shucho .naze .block {
    border: 3px solid #6b86ae;
  }
}
.shucho .koko > div {
  border: 3px solid #6b86ae;
  padding: 15px;
  box-sizing: border-box;
}
.shucho .kotsu .block {
  border: 7px solid #6b86ae;
}
.shucho .kotsu strong {
  background-color: #2e4e7b;
  color: #fff;
}

.hajimete h1 {
  background-color: #efdaa1;
  color: #b10808;
}
.hajimete h2 {
  border-bottom: 1px dotted #ccc;
  color: #c13800;
}
.hajimete .hajimete_step .note em {
  font-style: normal;
  display: block;
  margin: 0 0 10px 0;
  padding: 8px 0 6px 10px;
  background-color: #eee;
}
.hajimete .hajimete_step .note a {
  display: block;
  text-align: center;
  padding: 10px 0 10px 0;
}
.hajimete .hajimete_step .note ul {
  margin: 0 0 10px 3px;
}
.hajimete .hajimete_step .note ul li {
  margin: 3px 0 0 7px;
  padding: 0 0 0 7px;
  position: relative;
}
.hajimete .hajimete_step .note ul li:first-child {
  margin: 0 0 0 7px;
}
.hajimete .hajimete_step .note ul li:before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #ccc;
  position: absolute;
  top: 4px;
  left: -3px;
}
.hajimete .hajimete_step .tento a {
  background-color: #ffe7cb;
  border: 1px solid #c8a0a0;
}
.hajimete .hajimete_step .takuhai a {
  background-color: #c8eec8;
  border: 1px solid #90bb8b;
}
.hajimete .hajimete_step .shucho a {
  background-color: #d3e0f3;
  border: 1px solid #9fb2c7;
}
@media only screen and (max-width: 767px) {
  .hajimete .hajimete_step .block {
    margin: 0 0 20px 0;
  }
  .hajimete .hajimete_step .block > ol > li {
    margin: 0 0 5% 0;
  }
  .hajimete .hajimete_step .block img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .hajimete .hajimete_step {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
  }
  .hajimete .hajimete_step .block {
    width: 31%;
  }
  .hajimete .hajimete_step .block > ol > li {
    margin: 0 0 5% 0;
  }
}
@media only screen and (max-width: 767px) {
  .hajimete .naze .block {
    border: 3px solid #e7c7c7;
  }
}
.hajimete .koko > div {
  border: 3px solid #e6bd66;
  padding: 15px;
  box-sizing: border-box;
}
.hajimete .kotsu .block {
  border: 7px solid #ffab00;
}
.hajimete .kotsu .block strong {
  background-color: #e99b00;
  color: #fff;
}

.faq h1 {
  background-color: #efdaa1;
  color: #b10808;
}
.faq h2 {
  border-bottom: 1px dotted #ccc;
  color: #c13800;
}
.faq dt {
  margin: 0 0 5px 0;
  color: #913873;
  padding: 0 0 0 5px;
}
.faq dt:before {
  content: "Q";
  margin: 0 5px 0 0;
}
.faq dd {
  margin: 0 0 20px 20px;
}

.shingan h1 {
  background-color: #efdaa1;
  color: #b10808;
}
.shingan h2 {
  border-bottom: 1px dotted #ccc;
  color: #c13800;
}

.sodan h1 {
  background-color: #efdaa1;
  color: #b10808;
}
.sodan h2 {
  border-bottom: 1px dotted #ccc;
  color: #c13800;
  margin: 0 0 15px 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .sodan .category.row12 {
    gap: 15px 14px;
  }
}
@media only screen and (min-width: 768px) {
  .sodan .category.space {
    justify-content: center;
  }
}
.sodan .category .block {
  border: 2px solid #f3e6c2;
  box-sizing: border-box;
  padding: 15px 15px 20px;
}
@media only screen and (max-width: 767px) {
  .sodan .category .block {
    width: 100%;
    margin: 0 0 15px;
  }
  .sodan .category .block:last-child {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .sodan .category .block {
    width: calc(33.3333333333% - 10px);
  }
}
.sodan .category select {
  width: 100%;
  font-size: 18px;
  padding: 7px;
}

.pickup_category-subject img {
  width: 100%;
}

.pickup_category {
  margin: 0 0 30px 0;
  text-align: center;
}
.pickup_category img {
  width: 96%;
}
.pickup_category .block {
  margin: 15px 0 0 0;
}
.pickup_category .block p {
  margin: 5px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .pickup_category {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .pickup_category .block {
    width: 47%;
  }
}
.kotsu-subject {
  margin: 0;
}

.kotsu .block {
  margin: 15px 0 0 0;
  padding: 20px 13px 30px 13px;
}
.kotsu .block strong {
  display: block;
  margin: 0 0 15px 0;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  padding: 12px 0 10px;
}
.kotsu .block dl {
  margin: 0;
  padding: 0;
}
.kotsu .block dt {
  margin: 15px 0 7px 7px;
  padding: 0 0 0 5px;
  color: #a50000;
  position: relative;
}
.kotsu .block dt:before {
  content: "";
  display: inline-block;
  border: 5px solid transparent;
  border-left-color: #a50000;
  position: absolute;
  top: 4px;
  left: -5px;
}
.kotsu .block dd {
  margin: 0 0 0 5px;
}

.indent {
  margin: 0 0 0 7px;
}

@media only screen and (min-width: 768px) {
  .fixed {
    position: fixed;
    display: block;
    top: 10px;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .fixed .container {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .fixed .tweet {
    width: 22%;
    background-color: #fff;
  }
}

.tweet {
  border: 2px solid #475f7a;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}
.tweet strong {
  background-color: #adc9d8;
  color: #fff;
  text-align: center;
  padding: 12px 0 10px;
  box-sizing: border-box;
  display: block;
  margin: 0 0 15px 0;
  line-height: 100%;
}

.cmmn .content_head {
  margin: 0 0 15px 0;
  text-align: left;
  border-bottom: 2px dotted #ccc;
}
.cmmn .content_head strong {
  display: inline-block;
  background-color: #cc0000;
  color: #fff;
  padding: 7px 15px 5px;
  line-height: 150%;
}
.cmmn h1 {
  text-align: left;
  font-size: 16px;
  padding: 10px;
}
.cmmn h2 {
  text-align: left;
  font-size: 14px;
  background-color: #eee;
  padding: 10px 10px 8px 10px;
  margin: 0 0 15px 0;
}
.cmmn .dot {
  margin: 0 0 0 30px;
}
.cmmn .dot li {
  list-style: disc;
  margin: 5px 0 0 0;
}
.cmmn .tweet {
  border: 1px solid #ccc;
  padding: 15px;
}

.load_csv_table {
  width: 100%;
  color: #666;
}
@media only screen and (min-width: 768px) {
  .load_csv_table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.load_csv_table h2 {
  background-color: #000;
  color: #fff;
  font-size: 18px;
  margin: 0 0 4px 0;
  padding: 5px 0 3px 10px;
  width: 100%;
}
.load_csv_table table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}
.load_csv_table table caption {
  text-align: left;
  background-color: #C40017;
  color: #fff;
  padding: 7px 0 4px 10px;
  line-height: 150%;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.load_csv_table table th, .load_csv_table table td {
  border: 1px solid #ccc;
  vertical-align: middle;
  word-break: break-all;
}
.load_csv_table table th {
  background-color: #f1f1f1;
  text-align: center;
  padding: 7px 0 4px 0;
}
.load_csv_table table td {
  padding: 7px 5px 4px 5px;
}
.load_csv_table .col2 {
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .img_grid_box figure {
    margin: 0;
  }
  .img_grid_box figure .spacer {
    display: none;
  }
  .img_grid_box p {
    text-align: center;
    border-top: 1px dotted #ccc;
    padding-top: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .img_grid_box figure {
    position: relative;
    background-color: #f6f6f6;
    width: 100%;
    margin: 0;
    overflow: hidden;
  }
  .img_grid_box figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
  }
  .img_grid_box figure .spacer {
    padding-bottom: 100%;
  }
  .img_grid_box p {
    text-align: center;
    border-top: 1px dotted #ccc;
    padding-top: 5px;
  }
}

.em {
  border: 1px solid #122d5e;
  padding: 15px 1em;
  text-align: left;
  font-weight: 600;
}

.img-container {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.img-container .img-items {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0 6px 12px 6px;
}
@media only screen and (max-width: 767px) {
  .img-container .img-items {
    width: calc(50% - 24px);
  }
}
@media only screen and (min-width: 768px) {
  .img-container .img-items {
    width: calc(25% - 24px);
  }
}
.img-container .img-items figure {
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #f5f5f5;
  overflow: hidden;
}
.img-container .img-items figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.img-container .img-items figure .spacer {
  padding-bottom: 100%;
}
.img-container .img-items p {
  text-align: center;
  margin: 8px auto 0 auto;
  width: calc(100% - 10px);
}

.large-purchase__header {
  background-color: #f1f1f1;
  box-sizing: border-box;
  line-height: 1;
  padding: 0.75rem 0.5rem;
}
@media only screen and (min-width: 768px) {
  .large-purchase__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.large-purchase__list li {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .large-purchase__list li {
    margin: 0 auto 20px auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .large-purchase__list li {
    margin: 0 8px 16px 8px;
    width: calc(25% - 16px);
  }
}
.large-purchase__list figure {
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .large-purchase__list figure {
    max-width: 200px;
  }
}
.large-purchase__list figure::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.large-purchase__list figure img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: bottom;
  width: auto !important;
}
.large-purchase__list h3 {
  font-weight: 500;
  margin: 15px auto 0 auto;
}
.large-purchase__list p {
  color: #e70012;
  font-size: 1rem;
  font-weight: bold;
  margin: 15px auto 0 auto;
}
.large-purchase__list .noimage::before {
  align-items: center;
  background-color: #f1f1f1;
  content: "now printing";
  display: flex;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}/*# sourceMappingURL=style.css.map */