@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


/*h2のデザイン*/
.entry-content h2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #58a9ef;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}



/*h3のデザイン*/
.entry-content h3 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #58a9ef;/*左線*/
}



/*h4のデザイン*/
.entry-content h4 {
position: relative;/*相対位置*/
padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color:#03A9F4;/*文字色*/
}

.entry-content h4:before{ font-family:"Font Awesome 5 Free";/*忘れずに*/
content: "\f138";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #03A9F4; /*アイコン色*/
}




/* タイトル下のギザギザ線を消す */
.nothumb .entry-meta:after, .nothumb .page-title:after {
    content: none;
}




/* ウィジェットの幅を広く */
@media only screen and (min-width: 1230px) {
.wrap {
  width: 1200px;
}
.d-5of7 {
  width: 70%;/*メインコンテンツ幅（デフォルト69%）*/
}
.d-2of7 {
  width: 30%;/*サイドバー幅（デフォルト31%）*/
}
}


/* contact form */
.inquiry th{
text-align:left;
font-size:14px;
color:#444;
padding-right:5px;
width:30%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
}
.inquiry td{
font-size:13px;
border:solid 1px #d7d7d7;
}
.must{
font-size:7px;
padding:5px;
background:#ff9393;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.may{
font-size:7px;
padding:5px;
background:#93c9ff;
color:#fff;
border-radius:2px;
margin-right:5px;
}
.inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,.inquiry .field{
margin-bottom: 0;
}
.inquiry textarea{padding: 12px;}
.submit{text-align: center;}
#submit-btn{
padding:1em;
width: 80%;
margin: 0 auto;
max-width:350px;
background:#ffa07a;
color:#fff;
font-size:18px;
font-weight: bold;
border-radius:2px;
}
#submit-btn:hover{
background:#fff;
color:#ffa07a;
border:1px solid #ffa07a;
}

@media (max-width: 414px) {
.entry-content .inquiry th,.entry-content .inquiry td {
display: block;
width: 100%;
border-top: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.entry-content .inquiry tr:first-child th{
border-top: 1px solid #d7d7d7;
}
.entry-content .inquiry tr td{
border-right: 1px solid #d7d7d7;
}
}

/*ヘッダーの文字サイズ*/
@media only screen and (min-width: 481px) {
   #logo {
       font-size: 30px;
   }
}