/* その他ページのスタイル */
@charset "utf-8";

.inner{
 margin-top:3rem;
}


/***************************/
/* お問い合わせフォーム部(
クラスはMW WP FORMプラグイン内 */
/***************************/

#formarea{
 margin:1rem;
}

#formarea input,
#formarea textarea{
 width:80%;
 background-color:var(--back2);
 color:black;
 font-size:var(--font-md);
 padding:0.3rem 0.5rem;
 margin:1rem 2rem;
 border-radius: 5px;
}

/* 送信ボタン */
#formarea .form_btn{
    text-align:center;
}

#formarea input[type="submit"]{
    background-color: var(--gold);
    width:50%;
    padding:1rem 2rem;

}

/*-------------------------------------------
404
-------------------------------------------*/
#wrapper404{
  height:150vh;
  background-color:var(--white);
  color:var(--black);
  padding:2rem;
  display:grid;
  place-items: center;;
}
#wrapper404 h1{
    font-size:1.5rem;
    background-color: var(--accent);
    padding:1rem;
    text-align: center;
}
#wrapper404 .to-top{
    color:red;
    font-weight: 500;
}


/*-------------------------------------------
特定商法取引表示
-------------------------------------------*/
#trade .inner{
 padding:2rem;
}

#trade .inner h1{
 margin-bottom:1rem;
}

#trade .inner dl{
 display:flex;
 flex-wrap: wrap;
 margin-bottom:1rem;
}

#trade .inner dt{
 width:30%;
 background-color:var(--back2);
 padding:0.5rem;
 border-top:1px solid var(--black);
 border-right:1px solid var(--black);
 border-left:1px solid var(--black);
}

#trade .inner dt:last-of-type{
 border-bottom:1px solid var(--black);
}

#trade .inner dd{
 width:70%;
 padding:0.5rem;
 border-top:1px solid var(--black);
 border-right:1px solid var(--black);
}

#trade .inner dd:last-of-type{
 border-bottom:1px solid var(--black);
}

/*-------------------------------------------
個人情報
-------------------------------------------*/
#terms .inner{
 padding:2rem;
}
#terms .inner ol li{
 list-style:disc;
 margin-left:2rem;
}
/*-------------------------------------------
privacy
-------------------------------------------*/
#privacy .inner{
  padding:2rem 10rem;
}


/*-------------------------------------------
スマートフォン
-------------------------------------------*/
@media screen and (max-width: 767px) {
/*-------------------------------------------
特定商法取引表示(sm)
-------------------------------------------*/

#trade .inner{
 padding:2rem;
}

#trade .inner h1{
 margin-bottom:1rem;
 font-size:var(--font-lg);
}

#trade .inner dt{
 display:flex;
 width:100%;
 border-top:1px solid var(--black);
}

#trade .inner dt:last-of-type{
 border-bottom:none;
}

#trade .inner dd{
 display:flex;
 width:100%;
 border-right:1px solid var(--black);
 border-left:1px solid var(--black);
}










}