@charset "UTF-8";

/*子テーマ用「base.css」*/

/*-------------------------------------
引用
-------------------------------------*/
blockquote{
position: relative;
margin: 2em 0;
padding: 70px 30px 10px;
background: #FFFEE9;
}

/*-------------------------------------
PCで電話番号リンクを無効に
-------------------------------------*/
@media (min-width: 737px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

/*-------------------------------------
囲み枠（シンプルグレー背景）
-------------------------------------*/
.box1 {
    background-color: #eee;
    margin: 2em 0;
    padding: 2em;
}

/*-------------------------------------
ボックス（ブルー系・角丸・文字色）
-------------------------------------*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/*-------------------------------------
いびつな四角（和風）
-------------------------------------*/
.box3 {
    border: 4px solid #82636b;
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 2em;
}

/*-------------------------------------
囲み枠（タイトル付き）
-------------------------------------*/
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/*-------------------------------------
囲み枠（四隅交差）
-------------------------------------*/
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

/*-------------------------------------
囲み枠（両サイド縦線）
-------------------------------------*/
.box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: #f0ede5;/*背景色*/
    border-left: double 7px #e34132;/*左線*/
    border-right: double 7px #e34132;/*右線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}

/*-------------------------------------
囲み枠（タイトル付2段ブルー）※貼り付けてから入力
-------------------------------------*/
.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

/*-------------------------------------
囲み枠（タイトル付2段ピンク）※貼り付けてから入力
-------------------------------------*/
.box31 {
    margin: 2em 0;
    background: #ffeaea;
}
.box31 .box-title {
    font-size: 1.2em;
    background: #ffc3c3;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box31 p {
    padding: 15px 20px;
    margin: 0;
}

/*-------------------------------------
囲み枠（シンプル破線）
-------------------------------------*/
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

/*-------------------------------------
太字用
-------------------------------------*/
.futo {
    font-weight: bold;
}

/*-------------------------------------
ContactForm7 カスタマイズ用
-------------------------------------*/
/* 入力部分 */
.wpcf7 select, input[type="email"], input[type="text"], textarea {
width: 96%; /* 最大の幅 */
font-size: 100%; /* フォントの大きさ */
padding: 0.5em; /* 文字と入力枠の間の余白（0.5文字を指定）*/
border: 1px solid #ccc; /* 枠の指定 */
border-radius: 4px; /* コーナーを微妙に丸く */
}
/* 送信ボタン */
.wpcf7 input[type="submit"] {
width: 270px; /* ボタンの幅 */
font-size: 18px; /* フォントの大きさ */
font-weight: bold; /* 太文字 */
text-align: center; /* 位置を中央に */
text-decoration:none; /* 文字の下線は消す */
color: #ffffff; /* 文字色 */
background: #49a9d4; /* ボタンの背景色 */
padding: 10px 40px; /* ボタンの余白 */
border-radius: 5px; /* ボタンの角を丸く */
border: 0; /* ボタンの枠線を消す */
border-bottom : 1px solid #757575 ; /* 下部にだけ1pxの線を引く */
}
.wpcf7 input[type="submit"]:hover {
opacity: 0.8; /* マウスオンで半透明にする */
}

.arrow-link{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}