@charset "utf-8";
/* CSS Document */
/*****************************************************
	基本設定（全体・文字・画像）
*****************************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
  overflow-x: hidden;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #161616;
}
.contents {
  max-width: 1000px;
  margin: 0 auto;
}
input[type="submit"], input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
}
main {
    display: block;
}
/*パソコンとスマホの表示・非表示設定*/
@media(max-width: 767px) {
  .sp-no {
    display: none !important;
  }
}
@media(min-width: 768px) {
  .pc-no {
    display: none !important;
  }
}
/*文字カラー・サイズ*/
.fd574b {
  color: #fd574b;
}
@media(max-width: 767px) {
  body {
    font-size: 0.9rem;
  }
}
@media(min-width: 768px) {
  body {
    font-size: 1.0rem;
  }
}
/*画像設定*/
@media(max-width: 767px) {
  img {
    max-width: 100%;
  }
}
/*余白設定*/
main > div {
  padding: 50px 0;
}
@media(max-width: 767px) {
  .contents {
    padding: 0 10px;
  }
}
/*リンク設定*/
/*a img:hover {
  opacity: 0.8;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}*/
/*****************************************************
	全ページ共通パーツ設定設定
*****************************************************/
main {
  background-color: #fffdf0;
}
h2 {
  text-align: center;
  padding-bottom: 30px;
}
.btn_more {
  background-color: #3a3a3a;
  background-image: url("../images/common/icon_allow_s.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
  margin: 0 auto;
  text-align: center;
  font-size: 0.8rem;
}
.btn_more a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px;
}
@media(min-width: 768px) {
  .btn_more {
    width: 320px;
  }
}
/*カラム設定*/
/*.col2_A::PCは2列　SPは1列*/
@media(min-width: 768px) {
  .col2_A {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .col2_A > li, .col2_A > div {
    width: 49.0%;
  }
}
/*.col3_A::PCは3列　SPは1列*/
@media(min-width: 768px) {
  .col3_A {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .col3_A > li, .col3_A > div {
    width: 33.3%;
    padding-bottom: 10px;
  }
}
@media(max-width: 767px) {
  .col3_A > li, .col3_A > div {
    width: 100%;
    text-align: center;
  }
  .col3_A > li:not(:last-of-type), .col3_A > div:not(:last-of-type) {
    padding-bottom: 20px;
  }
}
/*.col3_B::PCは3列　SPは2列*/
.col3_B {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media(min-width: 768px) {
  .col3_B > li, .col3_B > div {
    width: 33.3%;
    padding-bottom: 50px;
  }
}
@media(max-width: 767px) {
  .col3_B > li, .col3_B > div {
    width: 49.0%;
    text-align: center;
  }
  .col3_B > li:not(:last-of-type), .col3_B > div:not(:last-of-type) {
    padding-bottom: 20px;
  }
}
/*.col4_A::PCは4列　SPは2列*/
.col4_A {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media(max-width: 767px) {
  .col4_A > div, .col4_A > li {
    width: 50%;
    flex: 0 0 50%;
    padding: 5px;
  }
}
@media(min-width: 768px) {
  .col4_A > div, .col4_A > li {
    width: 25%;
    flex: 0 0 25%;
  }
}
/*.col5_A::PCは5列　SPは2列*/
.col5_A {
  display: flex;
  justify-content: space-between;
}
.col5_A > li {
  width: 49.0%;
}
.col5_A > li:not(last-of-type) {
  padding-bottom: 20px;
}
@media(max-width: 767px) {
  .col5_A {
    flex-wrap: wrap;
  }
}
/*テーブル設定*/
.table_A {
  border-collapse: separate;
  border-spacing: 5px;
}
.table_A th {
  background: #fd574b;
  color: #fff;
  padding: 10px;
}
.table_A td {
  background: #fff0ef;
  padding: 10px;
}
.table_A {
  width: 100%;
}
/*.table_A th, .table_A td {
  text-align: center;
}
.table_A tr:nth-child(odd) {
  background-color: #eee
}
.table_A th {
  font-weight: 600;
}
@media(max-width: 767px) {
  .table_A th, .table_A td {
    display: block;
  }
  .table_A th {
    padding: 10px 10px 5px 10px;
  }
  .table_A td {
    padding: 0 10px 10px 10px;
  }
}
@media(min-width: 768px) {
  .table_A th, .table_A td {
    padding: 20px;
    text-align: left;
  }
}*/
/*ハンバーガーメニュー*/
@media(max-width: 767px) {
  .main {
    margin: 0 auto;
    display: block;
    height: 100%;
    margin-top: 60px;
  }
  .mainInner {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
  }
  .mainInner div {
    display: table-cell;
    vertical-align: middle;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 1.25px;
  }
  #sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 250px;
    transform: translateX(+250px);
    transition: transform 250ms ease-in-out;
    background-color: #fff;
    background-image: url("../images/index/logo_w.png");
    -webkit-background-size: 200px;
    background-size: 200px;
    background-position: bottom 50px center;
    background-repeat: no-repeat;
    z-index: 5000;
  }
  .sidebarMenuInner {
    margin: 0;
    padding: 50px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
  }
  .sidebarMenuInner li {
    list-style: none;
    color: #3f2a20;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    cursor: pointer;
    height: 50px;
  }
  .sidebarMenuInner li span {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
  }
  .sidebarMenuInner li a {
    display: flex;
    align-items: center;
    color: #070707;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dotted #070707;
    padding-bottom: 10px;
  }
  .sidebarMenuInner li span {
    width: 30px;
    margin-right: 20px;
  }
  .sidebarMenu_bottom {
    background: #3a3a3a;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 40px 20px;
  }
  .sidebarTelInner {
    margin-bottom: 20px;
  }
  .sidebarTelInner img {
    height: 20px;
    padding-right: 10px;
  }
  .sidebarTelInner a {
    color: #fff;
    display: block;
    font-size: 1.5rem;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
  }
  #sidebarMenu .btn_more {
    width: auto;
    border: 1px solid #fff;
  }
  input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
  }
  input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
  }
  .sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 38px;
    height: 22px;
    width: 22px;
    z-index: 6000;
  }
  .spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #fff;
  }
  .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 10px;
  }
  .diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
  }
  .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 10px;
  }
  input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
  }
  input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
  }
  input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
  }
  .square {
    background: #fd574b;
    width: 60px;
    height: 60px;
    padding: 18px 15px;
  }
}
/*ヘッダーSP*/
@media(max-width: 767px) {
  h1 {
    display: flex;
    height: 60px;
    border-bottom: 1px solid #dddddd;
    padding: 10px;
    align-items: center;
  }
  h1 img {
    height: 35px;
  }
  .main_imgBox {
    height: 200px;
    overflow: hidden;
    position: relative;
  }
  .main_img {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite;
  }
  .main_img {
    background-position: center;
  }
  .main_img:nth-of-type(2) {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
  }
  .main_img:nth-of-type(3) {
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
  }
  .main_txt {
    position: absolute;
    z-index: 3000;
    width: 80%;
    bottom: 10px;
    right: 10px;
  }
}
@keyframes anime {
  0% {
    opacity: 0;
  }
  16.6% {
    opacity: 1;
  }
  33.3% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale(1.2);
    z-index: 9;
  }
  100% {
    opacity: 0
  }
}
/*ヘッダーPC*/
h1 {
  text-align: center;
  padding-top: 20px;
}
/*右上電話番号*/
@media(min-width: 768px) {
  .header_pc {
    position: relative;
  }
  .right_top {
    position: absolute;
    right: 0;
    background: #fd574b;
  }
  .right_top p {
    clear: both;
  }
  .right_top span {
    background-color: #fb847b;
    background-image: url("../images/common/icon_tel_w.png");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 9px;
  }
  .right_top span + a {
    font-size: 1.5rem;
    padding: 15px 30px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    line-height: 40px;
  }
}
/*スライダー部分*/
/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev, .swiper-button-next {
  width: 48px !important; /* ボタンの幅 */
  height: 48px !important; /* ボタンの高さ */
  margin-top: -24px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
  -webkit-background-size: cover !important;
  background-size: cover !important;
}
.swiper-button-prev {
  left: -24px !important;
}
.swiper-button-next {
  right: -24px !important;
}
/* 次ページボタンのスタイル */
.swiper-container .swiper-button-next {
  background-image: url("../images/index/slider_allow_right.png");
}
/* 前ページボタンのスタイル */
.swiper-container .swiper-button-prev {
  background-image: url("../images/index/slider_allow_left.png");
}
@media(min-width: 768px) {
  #app {
    overflow: hidden;
    background: url("../images/common/bg_green.jpg");
  }
  #app img {
    vertical-align: bottom;
  }
  .swiper-container {
    width: 100%;
    max-width: 1000px !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }
}
/*ナビゲーション*/
@media(min-width: 768px) {
  .now {
    position: relative;
    display: inline-block;
  }
  .now:after {
    content: '';
    position: absolute;
    border-bottom: 3px solid #fd574b;
    display: inline-block;
    width: 30px;
    height: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    transform: skewX(-150deg);
  }
  .header_nav_pc ul {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 5px;
  }
  .header_nav_pc {
    border-bottom: 1px solid #ddd;
  }
  .header_nav_pc li {
    -webkit-transform: skewX(150deg);
    -moz-transform: skewX(150deg);
    transform: skewX(150deg);
    border-right: 1px solid #ddd;
    text-align: center;
    flex: 1;
  }
  .header_nav_pc li:last-of-type {
    border-right: none;
  }
  .header_nav_pc li a {
    display: block;
    transform: skewX(-150deg);
  }
}
/*フッター*/
footer .col2_A {
  margin: 10px auto 30px;
}
/*フッターSP*/
@media(max-width: 767px) {
  footer {
    padding: 30px 0;
  }
  footer > img {
    display: block;
    width: 50%;
    margin: 0 auto 30px;
  }
  footer .col2_A > div:first-of-type {
    margin-bottom: 10px;
  }
  .footer_nav_sp ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .footer_nav_sp li {
    flex: 1 1 50.0%;
    text-align: center;
    border-top: 1px solid #070707;
  }
  .footer_nav_sp li:nth-child(odd) {
    border-right: 1px solid #070707;
    border-left: 1px solid #070707;
  }
  .footer_nav_sp li:nth-child(even) {
    border-right: 1px solid #070707;
  }
  .footer_nav_sp li:nth-child(5), .footer_nav_sp li:nth-child(6) {
    border-bottom: 1px solid #070707;
  }
  .footer_nav_sp a {
    text-decoration: none;
    color: #070707;
    display: block;
    padding: 10px;
  }
}
@media(min-width: 768px) {
  footer {
    text-align: center;
    padding: 50px 0;
  }
  .footer_nav_sp {
    width: 1000px;
    margin: 0 auto;
  }
  .footer_nav_sp ul {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
  }
  .footer_nav_sp a {
    text-decoration: none;
    color: #070707;
  }
  .footer_nav_sp a:hover {
    text-decoration: underline;
    color: #fd574b;
  }
}
.copy {
  padding: 20px;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  background: #3a3a3a;
}
/*****************************************************
	INDEX各コンテンツ
*****************************************************/
.index_greeting {
  background-image: url("../images/index/greeting_bg.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.index_greeting p:first-of-type {
  padding-bottom: 30px;
  border-bottom: 1px dotted #070707;
  margin-bottom: 30px;
  text-align: center;
}
.index_greeting_daihyo {
  padding: 30px 0;
  text-align: right;
}
.index_news {
    background: url("../images/common/bg_check.gif");
}
.index_news > .contents {
  border: 1px solid #070707;
  margin: 0 10px;
  padding: 5px;
}
.index_news_in {
  border: 1px solid #070707;
  padding: 20px;
}
.news_date, .news_ttl {
  font-weight: 700;
}
.news_ttl {
  font-size: 1.0rem;
}
.index_news li:not(:first-of-type) {
  padding-top: 20px;
}
.index_product li {
  text-align: center;
  padding-bottom: 20px;
}
.index_product li:last-of-type {
  padding-bottom: 30px;
}
.btn_contact {
  background-color: #fd574b;
  background-image: url("../images/common/icon_allow_s.png");
  background-repeat: no-repeat;
  background-position: right 30px center;
  width: 90%;
  margin: 30px auto;
  padding: 15px;
  text-align: center;
  font-size: 0.8rem;
}
.btn_contact a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.index_contact .col2_A {
  text-align: center;
}
.index_contact .col2_A p, .index_contact .col2_A a {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
}
.index_contact .col2_A img {
  padding-right: 10px;
  height: 22px;
}
.index_contact .col2_A a {
  color: #070707;
  text-decoration: none;
}
.index_contact .col2_A span {
  font-size: 0.8rem;
  display: block;
}
@media(min-width: 768px) {
  .index_greeting {
    text-align: center;
  }
  .index_greeting_daihyo {
    text-align: center;
  }
  .index_news > .contents {
    margin: 0 auto;
  }
  .index_news_in {
    padding: 50px 20px;
  }
  .index_news dl {
    overflow: hidden;
  }
  .index_news dt {
    float: left;
    border-right: 1px solid #030303;
    padding: 15px;
    width: 8em;
    text-align: center;
  }
  .index_news dd {
    margin-left: 10em;
  }
  .news_ttl {
    padding-bottom: 5px;
  }
  .btn_contact {
    width: 800px;
    margin: 0 auto;
    padding: 30px 0;
  }
  .index_contact {
    text-align: center;
  }
  .btn_contact {
    margin: 30px auto;
  }
  .btn_contact a {
    font-size: 1.2rem;
  }
  .index_contact .col2_A {
    width: 800px;
    margin: 0 auto;
    justify-content: space-between;
  }
  .index_contact .col2_A span {
    display: inline;
    padding-left: 10px;
  }
  .index_contact .col2_A > div:first-of-type {
    flex: 1;
  }
  .index_contact .col2_A > div:last-of-type {
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/*****************************************************
	SUBページ共通設定
*****************************************************/
.sub .main_imgBox {
  height: 180px;
  -webkit-background-size: cover;
  background-size: cover;
}
.sub main {
  position: relative;
  background-color: #fffdf0;
}
.sub main div:nth-of-type(3) {
  padding-top: 100px;
}
.sub_h2 {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  width: 90%;
  padding: 37px 0 0;
}
.sub_h2 img {
  vertical-align: bottom;
}
.sub_h2 h2 {
  padding-bottom: 0;
}
.sub h3 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .sub_h2 img {
    width: 40%;
  }
}
@media(min-width:768px) {
  .sub h3 {
    font-size: 1.8rem;
  }
  .sub .main_imgBox {
    height: 180px;
  }
  .sub_h2 {
    top: 110px;
    width: 1000px;
  }
}
/*****************************************************
	SUBページ
*****************************************************/
/*各ページの背景設定*/
.sub_about .main_imgBox {
  background-image: url("../images/about/main_bg.jpg");
  background-position: left top;
}
.sub_product .main_imgBox {
  background-image: url("../images/product/main_bg.jpg");
  background-position: center;
}
.sub_outlet .main_imgBox {
  background-image: url("../images/sale/main_bg.jpg");
  background-position: center;
}
.sub_contact .main_imgBox {
  background-image: url("../images/contact/main_bg.jpg");
  background-position: center;
}
/*about*/
.about_reason p:first-of-type {
  background: #fd574b;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 10px;
}
.about_reason p:first-of-type + p {
  padding: 20px 0 30px;
}
.about_reason li {
  background: #fff;
}
.about_reason li:not(:last-of-type) {
  margin-bottom: 30px;
}
.about_reason li > div:last-of-type {
  padding: 10px;
}
.about_reason li span {
  font-size: 1.1rem;
  display: block;
  font-weight: 700;
  padding-bottom: 20px;
  color: #fd574b;
}
.about_company {
    background: url("../images/common/bg_check.gif");
}
.about_company a {
    color: #fd574b;
}
.about_outlet h3 + p {
  padding-bottom: 30px;
}
.about_outlet .col3_A {
  margin-bottom: 30px;
}
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}
.ggmap iframe, .ggmap object, .ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media(min-width:768px) {
  .about_aisatu {
    text-align: center;
  }
  .about_reason p:first-of-type {
    padding: 20px;
  }
    .about_reason p {
        text-align: center;
    }
  .about_reason .col2_A {
    padding: 20px;
  }
  .about_reason .col2_A > div:first-of-type {
    width: auto;
    padding-right: 20px;
  }
  .about_reason .col2_A > div:last-of-type {
    flex: 2;
    width: auto;
  }
  .about_outlet h3 + p {
    text-align: center;
  }
}
/*product*/
.product_maker h4 {
  font-weight: 700;
  padding: 20px 0;
  color: #fd574b;
  font-size: 1.2rem;
  margin-bottom: 30px;
  border-bottom: 2px solid #fd574b;
}
.product_maker .col3_B > li {
  font-weight: 700;
}
.product_maker dl {
  font-weight: 400;
  padding: 5px 10px;
  font-size: 0.8rem;
}
.product_maker dt {
  float: left;
  padding-right: 5px;
  color: #878787;
}
/*contact*/
.contact_situmon {
    background: #eee;
}
.situmon_box {
  background: #fff;
  padding: 0 10px;
}
.situmon_box dt {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 30px 0 0 40px;
  margin-bottom: 20px;
  background: url("../images/contact/situmon_bg_Q.png") no-repeat;
  background-position: left bottom;
  -webkit-background-size: 30px;
  background-size: 30px;
}
.situmon_box dd {
  padding: 0 0 30px 40px;
  background: url("../images/contact/situmon_bg_A.png") no-repeat;
  background-position: left top;
  -webkit-background-size: 30px;
  background-size: 30px;
}
.situmon_box dd:not(:last-of-type) {
  border-bottom: 1px dotted #000;
}
.contact_form p {
  text-align: center;
}
@media (min-width: 768px) {
  .situmon_box {
    padding: 20px 50px;
  }
}
.contact_form input[type=text] {
  width: 100%;
  padding: 5px 8px;
}
.contact_form textarea {
  width: 100%;
  height: 210px;
  padding: 5px 8px;
}
.contact_form .btn_submit {
  margin-top: 20px;
  text-align: center;
}
.contact_form input[type=submit], .contact_form input[type=button] {
  border: none;
  padding: 12px;
  color: #fff;
  cursor: pointer;
  background: #3a3a3a;
  width: 320px;
}
.contact_form .table_A td {
  background: #fff;
}
@media (min-width: 768px) {
  .contact_form .table_A th {
    width: 30%;
    vertical-align: middle;
    text-align: left;
  }
  .contact_form .table_A {
    margin: 30px auto;
  }
  .contact_form .col2_A {
    width: 70%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .contact_form .table_A th, .contact_form .table_A td {
    display: block;
  }
  .contact_form .table_A td {
    padding: 10px 0;
  }
  .contact_form .table_A th {
    margin-top: 20px;
  }
  .contact_form .col2_A {
    margin-top: 20px;
    padding-bottom: 50px;
  }
  .contact_form .col2_A > p {
    margin: 10px 0;
  }
  .btn_back {
    margin-bottom: 50px !important;
  }
}
/*THANKS*/
@media (min-width: 768px) {
  .thanks {
    text-align: center
  }
}

/*セール商品の画像拡大設定*/
.outlet_list .col3_B>li img{
    width: 320px;
}
.outlet_list .col3_B>li span {
    display: block;
    text-align: center;
    font-size: 14px;
}