@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD

*/
/*　文字隠し用　*/
/*
@media screen and (max-width: 1366px) {　ipad pro 横 CSS、ipad 7 横 CSS
@media screen and (max-width:1180px) {　ipad air 5th 横 CSS
@media screen and (max-width: 750px) {　ipad mini 縦 CSS
ここまで確定

@media screen and (max-width: 1024px) {　ipad 7　の縦 CSS
@media screen and (max-width: 896px) {　ipad　の縦 CSS
@media screen and (max-width: 750px) {　iphone12　の横 CSS
@media screen and (max-width: 667px) {　iphone　の横 CSS
@media screen and (max-width: 480px) {　スマホ　の縦 CSS
*/
/*=================================================
 * ヘッダー箇所
 * ================================================= */
.l-fixHeader.-parallel .l-fixHeader__gnav {
  margin-top: 20px;
  margin-bottom: 20px;
}
/*=================================================
 * ベース
 * ================================================= */
/* トップページ以外にスタイルを設定 */
div:not(.home) #content {
  background-color: #fdfdfd;
}
/* コンテンツ内下余白 */
@media (min-width: 600px) {
  .l-content {
    padding-bottom: 4em;
  }
}
/*  CSSで画像を丸くトリミング */
.marumi {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: none;
  object-position: 54% 36%;
}
/*=================================================
 * TOPページ
 * ================================================= */
@media screen and (max-width:480px) {
.pato_01 {
	padding-top:2em !important;
}
}
/* SP時だけ、指定のカラムを画像→テキストに入れ替える */
@media (max-width: 768px) {
  /* 2段目だけに絞りたい場合 */
  .swell-block-columns:nth-of-type(2) .swell-block-columns__inner {
    display: flex;
    flex-direction: column;
  }
  .swell-block-columns:nth-of-type(2) .swell-block-column:last-child {
    order: -1; /* 画像カラムを先頭に持ってくる */
  }
}
/*=================================================
 * TOPページ下部スライダー
 * ================================================= */
.page-id-6 .l-content {
    margin: 0 auto 0em !important;
}
.page-id-6 .sukuro {
        padding-bottom: 0em !important;
    }
@media (max-width: 600px) {
.page-id-6 .sukuro {
        padding-bottom: 2em !important;
    }
}
/*=================================================
 * 商品一覧
 * ================================================= */
.shop01 {
  display: block;
  margin: 10px 0;
}
.c-pagination {
  display: none;
}
/*=================================================
 * ContactForm7カスタマイズ
 * ================================================= */
.form-width {
  width: 100%;
}
.red {
  color: #ff0000;
}
.toi1 {
  color: #F00;
}
.wpcf7-submit {
  display: block;
  width: 500px;
  margin: 30px auto;
  height: 60px;
  color: #fff;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  border-radius: 5px;
  background: #e09a04 url("http://you-sin.net/wp/wp-content/uploads/2024/11/yajirushi2.png") no-repeat 95% center;
  background-size: auto auto;
  background-size: 7px 11px;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-left-style: none;
}
.form-width2 {
  width: 200px;
}
.form-width4 {
  height: 80px !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}
input[type=checkbox] {
  transform: scale(2);
  margin: 0 6px 0 0;
}
@media screen and (max-width:480px) {
  .wpcf7-submit {
    display: block;
    width: 100%;
    margin: 30px auto;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    border-radius: 5px;
    background: #0852a0 url("http://you-sin.net/wp/wp-content/uploads/2024/11/yajirushi2.png") no-repeat 95% center;
    background-size: auto auto;
    background-size: 7px 11px;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
  }
}
@media screen and (min-width: 320px) {
  .wpcf7-form p {
    margin-bottom: 0px;
  }
}
/*=================================================
 * テーブルレスポンシブ
 * ================================================= */
section table {
  width: 100%;
  margin: 0 0 2em;
}
section th, section td {
  padding: 10px;
  border: 1px solid #818181;
}
section th {
  background: #f4f4f4;
  font-weight: normal;
}
.demo01 th {
  width: 30%;
  text-align: center;
  padding: 0 20px 0;
  vertical-align: middle;
}
.demo01 th a {
  border-bottom: none;
}
.red2 {
  color: #ff0000;
}
@media screen and (max-width: 820px) {
  .demo01 th {
    width: 32%;
    text-align: center;
    padding: 0 10px;
  }
  .red2 {
    color: #ff0000;
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .demo01 th {
    width: 32% !important;
    text-align: center;
    padding: 0 10px;
  }
}
@media screen and (max-width:480px) {
  .demo01 {
    margin: 0 0 2em;
  }
  .demo01 th {
    padding: 1em;
    width: 100% !important;
  }
  .demo01 th, .demo01 td {
    width: 100%;
    display: block;
    border-top: none;
  }
  .demo01 tr:nth-child(1) {
    border-top: 1px solid #dcdcdc;
  }
  .red2 {
    color: #ff0000;
    display: inline;
  }
}