/*
Theme Name: simple
*/
@charset "utf-8";


/* フォーム */
.input-text, .input-email, .input-file, .input-submit {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
	
input[type="text"]:focus {
　outline: none;
 border:1px solid #ff0;
}

textarea{
  width: 100%;
  padding: 15px;
  border: none;
  box-sizing: border-box;
  font-size:100%;
}
select{
  width: 100%;
  padding: 15px;
  border: none;
  font-size:100%;
}
input[type="text"],.wpcf7 input[type="email"] {
  width: 100%;
  padding: 15px;
  border: none;
  background-color: #FFF;
  box-sizing: border-box;
  font-size:100%;
}
.wpcf7 input[type="file"] {
    border: none;
    background: none;font-size:100%;
}


::file-selector-button,
::-webkit-file-upload-button {
  background-color: #fff;
  color: rgb(31, 41, 55);
  border: none;
  cursor: pointer;
  padding: 0.25rem 1rem;
  margin-right: 1rem;
}

p:has(.wpcf7-submit) {
 text-align: center;
}

.wpcf7-submit {
    background: url(https://stuffed-toys.jp/aseet/img/faq/btn.png) no-repeat top center;
    background-size: 100% auto;
    border: 0px;
    width: 300px;
    height: 82px;
    text-indent: -9999px;
}
.wpcf7.js {
    width: 770px;
    margin: 0 auto;
}
.wpcf7-not-valid-tip {
display: block;
color:red;
padding-top: 5px;
}
p.status {
font-size: 120%;
margin-top: 10px;
}

.screen-reader-response{
text-align: center;
margin: 30px 0;
font-size: 120%;
color: red;
}

.screen-reader-response ul{
display: none;
}

form p { 
margin-bottom: 20px;
font-size: 120%;
}
p.logo-cyu{
color: #ff0000;
font-size: 90%;
}

span.logo { 
display: block;
margin-bottom: 5px;
}

span.logo small{ 
font-size: 80%;
}

label br { 
display: none;
}

.huryo01 { 
margin: 50px auto 20px;
text-align: center;
}
form h2 { 
text-align: center;
font-size: 150%;
  position: relative;
  display: inline-block;
  padding: 0 210px;
  line-height: 130%;
}
form h2:before, form h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 200px;
  height: 1px;
  background-color: black;
}
form h2:before {
  left:0;
}
form h2:after {
  right: 0;
}
.huryo02 { 
margin: 0 auto 20px;
}
form h3 { 
text-align: center;
font-size: 150%;
padding: 5px 10px;
color:yellow;
background-color:red ;
}

.line { 
display: block;
height: 1px;
border: 0;
border-top: 1px solid #000;
margin: 1em 0;
}

/* フォームここまで */

.toiawase { 
width: 100%;
background: url("https://stuffed-toys.jp/aseet/img/faq/bg.jpg") repeat-y left center;
background-size: 100% auto ;
padding: 50px 0;
}

.toi-page-link {
width: 66%;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
flex-wrap:wrap;
margin: 0 auto 50px;
}
.toi-page-link div{
width: 50%;
}
.toi-page-link div img{
width: 100%;
}

.toi-sub-tit{
width: 100%;
margin-bottom: 50px;
}
.toi-sub-tit img{
width: 100%;
}

.toi-sub-tit-p{
width: 100%;
text-align: center;
font-size: 150%;
line-height: 130%;
}

/* FAQアコーディオン */

.accordion-wrap {
    margin-bottom: 120px;
}
@media screen and (min-width: 751px) {
.accordion-wrap {
    width: 770px;
    margin: 0 auto;
}
}
.toiawase dl {
	color:#000;
    margin-bottom: 20px;
}
.toiawase dt.accordion{
    width: 100%;
	cursor: pointer;
    background-color: #fff;
    border:1px solid #000 ;
    border-radius: 40px;
    padding: 25px;
    font-size: 150%;
    margin-bottom: 0px;
    box-sizing: border-box;
}
.toiawase dt.accordion div {
position: relative;
}
.toiawase dt.accordion p {
margin-left: 20px;
line-height: 130%;
}
.toiawase dt.accordion i {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.toiawase dd {
    width: 100%;
    background-color: #fff;
    border:1px solid #000 ;
    border-radius: 25px;
    padding: 25px 25px 0 25px;
    font-size: 115%;
    color: #00a0e9;
    box-sizing: border-box;
    line-height: 130%;
    }
.toiawase dd .close {
	padding:10px;
	cursor: pointer;
    text-align: center;
}
.toiawase dd .close img{
	width: 15%;
}

/* FAQアコーディオンここまで */

@media screen and (min-width: 751px) {
.toiawase .content { 
	margin: 0 auto;
    width:100%;
	max-width:1000px;
	position:relative;
}
select{
  border-radius: 20px;
  background-color: #fff;
  padding: 17px 15px;
}
select,
::picker(select) {
  appearance: base-select;
}
::picker(select) {
  border-radius: 10px;
  padding:10px 0;
}
.wpcf7-response-output { 
margin: 30px 0;
font-size: 160%;
text-align: center;
color: red;
}
}

/* スマホ用ここから--------------------------------------------- */
@media screen and (max-width : 750px) {
.page-title.content.faq-sp { 
padding-top: 15px;
margin-bottom: 15px;
}
.content { 
	margin: 0 auto;
	width:97%;
	position:relative;
}

.accordion-wrap {
width: 90%;
margin: 0 auto;
}
.toiawase {
    width: 100%;
    background: url(https://stuffed-toys.jp/aseet/img/faq/bg.jpg) repeat-y left center;
    background-size: 100% auto;
    padding: 20px 0;
}

.toiawase dt.accordion {
    width: 100%;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 10px;
    font-size: 90%;
    margin-bottom: 0px;
    box-sizing: border-box;
}
.toi-page-link {
    width: 80%;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 30px;
}
.toi-sub-tit {
    width: 100%;
    margin-bottom: 20px;
}
.toiawase dt.accordion p {
    margin-left: 15px;
    line-height: 130%;
}
.toiawase dd {
    width: 100%;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 15px 15px 0 15px;
    font-size: 85%;
    color: #00a0e9;
    box-sizing: border-box;
}
.toiawase dd .close img {
    width: 20%;
}
.toi-sub-tit-p {
    width: 100%;
    text-align: center;
    font-size: 90%;
    line-height: 130%;
}
.wpcf7.js {
    width: 90%;
    margin: 0 auto;
}
form p {
    margin-bottom: 20px;
    font-size: 100%;
}
p.logo-cyu {
    color: #ff0000;
    font-size: 80%;
    line-height: 130%;
}
.wpcf7-submit {
    background: url(https://stuffed-toys.jp/aseet/img/faq/btn.png) no-repeat top center;
    background-size: 100% auto;
    border: 0px;
    width: 50%;
    height: auto;
    padding-bottom: 50px;
    text-indent: -9999px;
}

.huryo01 { 
margin: 20px auto 10px;
text-align: center;
}
form h2 { 
text-align: center;
font-size: 90%;
  position: relative;
  display: inline-block;
  padding: 0 65px;
  line-height: 130%;
  box-sizing: border-box;
}
form h2:before, form h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
form h2:before {
  left:0;
}
form h2:after {
  right: 0;
}
.huryo02 { 
margin: 0 auto 20px;
}
form h3 { 
text-align: center;
font-size: 85%;
padding: 5px 10px;
line-height: 140%;
color:yellow;
background-color:red ;
}

select {
    background-color: #fff;
    color:#000;
}
.wpcf7-response-output { 
margin: 15px 0;
font-size: 100%;
text-align: center;
color: red;
}
}