/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 01 2025 | 05:57:41 */
.l-content {
margin-bottom:0;
}

.hidden-btn {
padding-bottom:0;
}

.flex-miryoku-wrap {
display:flex;
margin-top:30px;
}

/*選べる弁当バナー*/
.select-banner  {
text-align:center;
padding:5em 0 2em;
}

.select-banner img {
width:100%;
max-width:800px;
}

.c-tabBody {
font-family:"Noto Sans JP",sans-serif !important;
font-optical-sizing: auto;
font-weight:400;
font-style:normal;
}

.c-tabList input,.c-tabList textarea {
font-family:"Noto Sans JP", sans-serif !important;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
}

/*フォーム*/
.c-tabBody {
background:#E9D0A1 !important;
border:none !important;
padding:20px;
}

.c-tabBody label , .c-tabBody #time_slot {
font-family:"Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight:400;
font-style:normal;
}
.c-tabList__button {
width:230px !important;
font-size:20px;
border-radius:10px 10px 0 0 !important;
background:#E9D0A1 !important;
margin-right:10px;
}

[data-width-sp="50"] .c-tabList {
--the-tab-flex:0 0 0%;
}

.is-style-default .c-tabList__button:hover, .is-style-default .c-tabList__button[aria-selected=true] {
background-color:#E9D0A1 !important;
color:#493812 !important;
border-radius:20px;
}

.contact-form-v3 input[type="submit"] {
border-radius:100vh;
font-family:"Noto Sans JP",sans-serif;
font-optical-sizing: auto;
font-weight:400;
font-style:normal;
}

.c-tabList__button {
position:relative;
text-align:center;
}

/* 1番目のボタンのスタイル */
.tab-list-wrap .c-tabList__item:first-child .c-tabList__button::before {
content:"";
display:inline-block;
width:25px;
  height:25px;
  background-image:url('https://www.toyamacoop-takuhai.com/wp-content/uploads/2025/04/form-icon-2.png');
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

/* 2番目のボタンのスタイル */
.tab-list-wrap .c-tabList__item:nth-child(2) .c-tabList__button::before {
  content:"";
  display:inline-block; /* または inline-flex */
  width:25px;
  height:25px;
  background-image:url('https://www.toyamacoop-takuhai.com/wp-content/uploads/2025/04/form-icon-1.png');
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
}

#autozip {
margin-top:-30px;
margin-left:200px;
}

.confirm_area , .thanks_area {
display:none;
}

#content .wpcf7 form .wpcf7-response-output {
margin:-8em 0.5em 4em !important;
}

.fukidashi-bk-pc {
display:block;
}

.fukidashi-bk-pc img {
width:1000px;
}

.post_content .swell-block-fullWide__inner .ouen-wrap {
border-top-left-radius:1000px 300px;
border-top-right-radius:1000px 300px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
background-image:url("https://www.toyamacoop-takuhai.com/wp-content/uploads/2025/04/ouen-bk.png");
background-size:cover;
margin-top:-10vh !important;
}

.hidden-area {
z-index:30000;
background:#fff;
}

.s_kotei-btn {
z-index:29000;
}

.fade-in {
opacity:0;
transition-duration:500ms;
transition-property:opacity,transform;
}

.fade-in-up {
transform:translate(0, 50px);
}

.fade-in-down {
transform:translate(0, -50px);
}

.fade-in-left {
transform:translate(-150px, 0);
transition-duration:1000ms;
}

.fade-in-right {
transform:translate(150px, 0);
transition-duration:1000ms;
}

.scroll-in {
opacity:1;
transform:translate(0, 0);
}

.items-pc {
display:block;
}

.items-sm {
display:none;
}

.sm_formtop {
display:none;
}

.required,.any {
margin-left:10px;
}

.top-banner {
margin:0 auto;
padding:0;
text-align:center;
}

.swell-block-fullWide__inner>* {
margin-bottom:0;
}

.wpcf7-form-control-wrap .first {
margin-top:10px;
}

h2 {
text-align:center;
margin:0 auto 40px;
font-size:42px;
}

.swell-block-fullWide+.swell-block-fullWide {
margin-top:0;
}

.text-wrap {
margin-bottom:20px;
}

.scroll-infinity {
margin-top:20px !important;
}

.foods {
display:inline;
margin-bottom:40px;
}


.foods2 img {
width:70%;
}

.s_foods {
display:none;
}

.smalltitle {
font-size:24px;
}

.step-img-l {
margin-top:-40px;
}

.step-img-l img , .step-img-r img {
width:250px;
}

.step-img-r {
margin-top:-40px;
margin-left:-110px;
margin-right:20px;
}

.step-num-img3 img {
margin-bottom:-145px;
}

.step3-fukidashi {
margin-left:50px;
}

.step3-fukidashi img {
width:250px;
}

.step-title-3 {
margin-top:20px;
}

.step-title , .money-title {
font-size:36px;
}

.step-fukidashi {
margin-right:20px;
}

.step-title-3 {
padding-top:10px;
}

#3step .step-fukidashi {
padding-bottom:60px !important;
}


.flex-title {
display:flex;
align-items:center;
justify-content:center;
width:40%;
margin:0 auto;
}

.smalltitle {
font-size:70px;
text-align:center;
margin-top:80px;
}

.largetitle {
font-size:42px;
text-align:center;
margin-bottom:60px;
}

.step-fukidashi img {
width:150px;
}

.top-banner img {
width:100%;
}

.step-num-img {
margin-right:-40px;
}

.step-wrap {
width:100%;
margin:0;
padding:150px 0;
position:relative;
z-index:-1;
}

.step-wrap::before {
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-image:url("https://www.toyamacoop-takuhai.com/wp-content/uploads/2025/04/step-bk-scaled.jpg");
transform:skewY(5deg);
z-index:-1;
}

.step-box-l {
width:85%;
max-width:1000px;
background:#fff;
padding:20px 40px;
border-radius: 0 20px 20px 0;
margin-bottom:4em;
display:flex;
}

.step-box-r {
width:85%;
max-width:1000px;
background:#fff;
padding:20px 40px;
border-radius: 20px 0 0 20px;
margin:0 0 0 auto;
margin-bottom:4em;
display:flex;
}

.step-img img {
width:200px;
}

.flow-step2 {
padding:0;
}

.step-img {
width:200px !important;
}

.money-box {
width:70%;
max-width:1000px;
margin:4em auto 0;
border:2px solid #493812;
border-radius:20px;
background:#fff;
padding:20px 40px;
display:flex;
}

.money-box-wrap {
position:relative;
width:100%;
margin:4em auto 0;
margin-top:4em;
max-width:1500px;
}

.money-item {
margin-bottom:-30px;
position:absolute;
top:-1%;
left:12%;
}

.money-item img {
margin-top:-30px;
}

.money-item img {
width:50px;
}

.kotei-btn {
z-index:9999;
scroll-padding-top: 100px;
}


.flex-wrap {
width:1000px;
}

.flex-center {
display:flex;
justify-content: center;
align-items: center;
}

.flex-title {
font-size:42px;
text-align:center;
}

.smalltitle {
font-size:30px;
text-align:center;
}

.step-title-wrap {
margin-bottom:4em;
}

.koe-title {
text-align:center;
font-size:36px;
color:#493812;
}

.koe-text {
font-size:19px;
}

.koe-title img {
width:300px;
}

.balloon1-left {
  position:relative;
  display:inline-block;
  margin:1.5em 0 0.5em 15px;
  padding:7px 170px 10px 25px;
  min-width:200px;
  max-width:100%;
  color:#555;
  font-size:16px;
  background:#FBD5C1;
}

.balloon1-left:before {
  content:"";
  position:absolute;
  top:55%;
  left:-18px;
  margin-top:-15px;
  border:10px solid transparent;
  border-right:10px solid #FBD5C1;
}

.balloon1-left p {.
  margin:0;
  padding:0;
}

.koe-wrap {
padding-top:120px;
}

.koe-title-padding {
padding-bottom:50px;
}

.koe-text {
width:800px;
padding:0 10px;
}

.koe-box {
width:150px;
}

.koe-box img {
width:100px;
}

#koe .koe-flex {
display:flex;
margin-bottom:30px !important;
}

#koe .koe-flex-2 {
padding-bottom:100px !important;
}

.koe-text2 {
padding-bottom:15vh;
}

.area {
font-size:18px;
display:inline;
}

.haisou-pc {
display:block;
text-align:center;
}

.margin {
margin-top:-200px !important;
}

.haisou-sm {
display:none;
}

.haisou-pc img {
width:80%;
}

.haisou-sm img {
width:100%;
}

.alignfull>.wp-block-group__inner-container>* {
margin-bottom:0;
}

.post_content h2 {
margin:0 0 30px;
}

.ouen-wrap {
z-index:10000;
padding-bottom:100px;
}

.ouen-inner {
padding:4em 0;
width:70%;
margin:0 auto 20px;
}

.ouen-inner p {
font-size:19px;
}

.ouen-img {
text-align:center;.
}

.ouen-img img {
width:340px;
}

.ouen-text {
margin:0 auto;
margin-bottom:3em;
width:800px;
}

.ouen-btn {
background:#B24745;
border-radius:30px;
width:210px;
padding:10px 20px;
margin:0 auto 4em;
color:#fff;
display:flex;
justify-content: center;
}

.ouen-btn a {
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.ouen-btn:hover {
opacity:0.8;
}

.ouen-smalltitle {
font-size:24px;
}


.area {
font-size:12px;
}

.ouen-inner {
width:800px;
padding:50px 10px 10px;
}

.ouen-wrap h2 {
font-size:36px;
}

.ouen-smalltitle {
font-size:20px;
}

.item-images {
text-align:center;
}

.item-images img {
width:700px;
}

.item-images-pc {
display:block;
text-align:center;
}

.item-images-pc img {
width:800px;
}

.item-images-sm {
display:none;
}

.anzen {
width:260px;
max-width:240px;
margin:0 auto;
}

.miryoku-title {
margin:0 auto 2em !important;
text-align:center;
}

.spacing {
line-height:1.4;
}

.miryoku-wrap {
width:95%;
max-width:1300px;
margin:0 auto;
padding-bottom:5em;
}

.content {
position:relative;
}

.miryoku-box {
width:300px;
max-width:300px;
height:470px;
padding:0;
background:#fff;
border:solid 2px #B24745;
border-radius:20px;
}

.box-inner {
padding:0 15px 15px;
}

.miryoku-midashi {
font-size:28px;
font-weight:bold;
margin-top:10px;
padding-left:20px;
}

.flex-miryoku {
display:flex;
justify-content:center;
align-items:stretch;
gap:20px 20px;
margin-right:20px;
}

.miryoku-box-2 {
width:300px;
max-width:300px;
}

.miryoku-anzen-wrap {
position:relative;
}

.anzen-wrap {
position:absolute;
bottom:-100px;
left:50px;
z-index:10000;
}

/*ポイ活*/
.poikatsu-wrap {
position:relative;
}

.poikatsu-fukidashi {
position:absolute;
top:-50px;
right:-30px;
z-index:1000000;
}

.poikatsu-fukidashi img {
  width:160px;
}

.poikatsu-btn {
  position: absolute;
  bottom:-40px;
  right:20px;
}

.poikatsu-btn img {
  width:180px;
}

.line img {
width:70%;
}

.box-inner {
padding:10px 20px 20px;
}

.cover {
width:160px;
position:absolute;
top:-10%;
left:-8%;
z-index:10000;
max-width: 160px;
}

.miryoku-box-1-wrap {
position:relative;
}

.miryoku-midashi-small {
font-size:21px;
}

.noto p {
font-family:"Noto Sans JP", sans-serif;
font-optical-sizing:auto;
font-weight:400;
font-style:normal;
}

.fukidashi-bk-sm {
display:none;
}

.tokuten-pc {
display:block;
text-align:center;
}

.tokuten-sm {
display:none;
}

.tokuten-pc img {
width:100%;
}

.tokuten-sm img {
width:100%;
}

.tel-pc {
margin:0 auto;
text-align:center;
display:block;
}

.tel-sm {
display:none;
}

.tel-pc img {
width:70%;
max-width:1000px;
}

.form-flow-pc {
text-align:center;
}

.form-flow-pc img {
width:400px;
}

.line-text2 {
margin-bottom:-30px;
}

.point-fukidashi {
text-align:center;
margin-bottom:20px;
}

.line-space {
letter-spacing:-5px;
}

.form-wrap {
padding:20px 0;
width:100%;
}

.article {
padding:20px 0;
background:#E9D0A1;
}

.contactus {
width:100%;
margin:0 auto;
}

.form-wrap {
margin:0 auto 100px;
}

.form-inner {
width:500px;
margin:0 auto;
}

.form-inner p {
width:100%;
margin-bottom:30px;
}

.form-inner .wpcf7-form-control-wrap input  , .form-inner .wpcf7-form-control-wrap select ,  .form-inner .wpcf7-form-control-wrap textarea {
margin-top:10px;
background:#fff;
}

.wpcf7-list-item input {
padding:8px !important;
}

.wpcf7-submit {
background:#B24745;
border-radius:30px;
width:180px;
padding:10px 20px;
margin:2em auto 4em;
margin-right:0;
color:#fff;
display: flex;
justify-content: center;
}

.wpcf7-form-control-wrap {
margin-top:10px;
}

input , select , textarea {
background:#fff;
font-family: "Noto Sans JP", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}

.any {
background:#604C40;
color:#fff;
font-size:12px;
padding:2px 5px 5px;
border-radius:20px;
width:100px;
margin-left:8px;
}

.required {
background:#B24745;
color:#fff;
font-size:12px;
padding:2px 5px 5px;
border-radius:20px;
width:100px;
margin-left:8px;
}

.wpcf7-form-control {
width:100%;
}

#Form1 , #Form2 {
width:100%;
}

.contact-tab {
width:100%;
}

.contact-tab .tablinks {
font-size:14px;
width:100%;
margin-right:0;
}

.contact-tab button {
padding:10px 2px;
}

/*お問い合わせフォーム*/
.wpcf7-form-control {
width:100%;
}

/*チェックボックス*/
.wpcf7-list-item {
display: block;
line-height: 1;
}
.wpcf7-list-item + .wpcf7-list-item {
margin-top: 8px;
}

.checkbox-group label input {
position: relative;
height: 20px;
line-height: 20px;
padding-left: 25px;
display: inline-block;
}

.checkbox-group label input::before {
content:"";
display:block;
width:20px;
height:20px;
background:#fff;
position: absolute;
left:0;
top:0;
box-sizing:border-box;
border-radius:3px;
}

input[type="checkbox"]:checked:after {
content:"";
display:block;
width:10px;
height:6px;
border-top:2px solid #493812;
border-right:2px solid #493812;
transform:rotate(135deg);
position:absolute;
left:5px;
top:6px;
margin-right:10px;
}

input[type="checkbox"]:checked + .checkbox-group label::after {
content:"";
display:block;
width:10px;
height:6px;
border-top:2px solid #493812;
border-right:2px solid #493812;
transform:rotate(135deg);
position:absolute;
left:5px;
top:6px;
}

.form-icons {
padding-right:3px;
padding-top:3px;
}

@media screen and (max-width:1024px) {
.flex-miryoku-wrap {
flex-direction:column;
}

.anzen {
margin-bottom:30px;
margin-right:30px;
}

.flex-miryoku {
display:flex;
flex-wrap:wrap;
gap:20px 20px;
margin-bottom:10em;
justify-content:center;
}
}

@media screen and (max-width:820px) {
.yajirushi {
top:85%;
left:60%;
}

.anzen {
width:260px;
max-width:240px;
margin-right:30px;
}

.flex-miryoku {
display:flex;
flex-wrap:wrap;
gap:20;
justify-content:center;
}

.flex-miryoku-1 {
margin-bottom:5em;
}
}

@media screen and (max-width:799px) {
.hidden-btn {
padding-bottom:300px;
}

.bentou-banner img {
width:100%;
}


.c-tabBody {
padding:1.5em 0.8em !important;
}

.c-tabList__button {
width:172px !important;
font-size:14px;
}

.c-tabList__button {
margin-right:0 !important;
}

/* 1番目のボタンのスタイル */
.tab-list-wrap .c-tabList__item:first-child .c-tabList__button::before {;
  width:15px;
  height:15px;
}

/* 2番目のボタンのスタイル */
.tab-list-wrap .c-tabList__item:nth-child(2) .c-tabList__button::before {
 width:15px;
height:15px;
}

#movable_zipaddr {
display:none !important;
width:190px !important;
}

#zip_body {
display:none !important;
width:180px !important;
margin:0 auto;
}

#zip_body a {
display:none !important;
font-size:12px !important;
}

.money-box {
width:85%;
padding:10px 15px 20px 20px;
margin:0 auto;
flex-direction:column-reverse;
}

.step-img-r {
margin:0 auto;
}

.step-box-l {
border-radius: 0 20px 20px 0;
width:85%;
}

.step-box-r {
border-radius: 20px 0 0 20px;
width:85%;
}

.form-flow-pc img {
width:80%;
}

.form-wrap h2 {
font-size:24px;
}

.fukidashi-bk-pc {
display:none;
}

.fukidashi-bk-sm {
display:block;
width:100%;
margin:0 auto;
}

.money-box-wrap {
margin-top:160px !important;
width:95%;
margin:0 auto;
}

.step-box-l-3 {
padding-top:0;
}

.tokuten-pc {
display:none;
}

.tokuten-sm {
display:block;
}

.item-images-pc  {
display:none;
}

.item-images-sm  {
display:block;
}

.miryoku-sm {
text-align:center;
}

.miryoku-sm img {
width:90%;
}

.koe-text2 {
padding-bottom:5vh;
}

.koe-title-padding {
padding-bottom:0;
}

.flow-step2 {
padding-left:20px;
}

.step3-fukidashi {
margin-left:0;
}

.money-box-wrap {
margin-top:5em;
}

.step-img {
margin-top:-120px;
}

.sm-column {
flex-direction:column;
}

.form-wrap {
width:90%;
margin:0 auto;
}

.form-inner {
width:100%;
}

.form-wrap {
margin-bottom:2em;
}

.contact-tab {
width:100%;
}

.contact-tab .tablinks {
font-size:14px;
width:100%;
margin-right:0;
}

.contact-tab button {
padding:10px 2px;
}

p.line-text2 {
font-size:16px;
}

.point-fukidashi {
margin-top:40px;
}

.ouen-text {
width:100%;
}

.ouen-wrap h2 {
font-size:26px;
}

.ouen-inner p {
font-size:16px;
}

.ouen-smalltitle {
font-size:16px;
}

.ouen-img img {
width:200px;
}

.area {
display:block;
}

.sm_formtop {
display:inline;
}

.ouen-text {
width:100%;
}

.foods2 img {
width:100%;
}

#Form1 {
width:100%;
}

#Form2 {
width:100%;
}

.haisou-pc {
display:none;
}

.haisou-sm {
display:block;
}

.tel-pc {
display:none;
}

.tel-sm {
display:block;
width:90%;
margin:0 auto;
}

.foods {
display:none;
}

.s_foods {
display:block;
margin-bottom:20px;
}

.s_foods img {
width:100%;
}

/*無限スクロール画像*/
.scroll-infinity__item img {
width:200px;
}

.step-wrap {
padding:40px 0;
}

.flex-title {
width:90%;
}

.step-fukidashi img {
width:100px;
margin-top:20px;
}

.largetitle {
font-size:32px;
}

.step-box-l , .step-box-r {
flex-direction:column-reverse;
padding:20px 10px;
}

.step-box-r {
flex-direction:column;
}

.step-box-l {
padding-left:10px;
}

.step-img-r {
padding-left:0;
}

.step-title {
margin-top:0;
margin-left:30px;
font-size:24px;
}

.step-box-l p , .step-box-r p {
width:100%;
display:block;
}

.step-text {
width:100%;
margin:0;
padding:0;
}

.flex-wrap {
width:100%;
}

.step-num-img {
margin-top:-60px !important;
}

.step-num-img img {
width:50px;
}

.step-num-img {
margin-bottom:-60px;
}

.step-num-img3 {
margin-bottom:0;
}

.step-img-l img , .step-img-r img ,  .step-img img {
width:170px;
}

.step-img-l , .step-img-r {
text-align:center;
}

.money-title {
font-size:25px;
line-height:1.2;
padding-bottom:12px;
}

.money-title p {
padding-bottom:10px;
}

.money-item {
top:0;
left:4px;
}

.money-item img {
width:40px;
}

.step-wrap {
padding-bottom:100px;
}

.koe-title {
padding-top:50px;
}

.koe-title img {
width:220px;
}

.koe-text {
width:100%;
}

p.koe-text{
font-size:16px;
}
.koe-title {
font-size:20px;
}

.balloon1-left {
min-width:100px;
width:100%;
margin:0;
padding: 7px 20px 10px;
}

.koe-box img  {
width:50px;
}

.koe-name p {
font-size:16px;
}

.koe-flexbox1 {
width:20%;
}

.koe-flexbox2
width:80%;
}

.area {
font-size:12px;
margin-right:6px;
}

.ouen-inner {
width:95%;
padding:50px 10px 10px;
margin:0 auto;
}

.ouen-btn {
margin-top:40px;
}

.ouen-btn img {
padding-left:10px;
}

.koe-text {
width:100%;
}
}