/*
    Theme Name: MBLB
    Theme URI: https://mobilelab.com/
    Author: Yusuke Sakakura
    Author URI: https://mobilelab.com/
    Description: mobilelabyのCSS
    Version: 1.0
    License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    tags: White, stylish
    Copyright: (c) Yusuke Sakakura
*/

@charset "UTF-8";

body.page {
    text-shadow: 1px 1px 3px #333;
}

article {
    min-width: 0;
}

/**************************************************/
/*  h2,h3
/**************************************************/

article div#entry h2 {
    margin: 60px 0;
    white-space: initial;
}
article h2:before {
    content: "";
    border-left: 5px solid #FFF;
    padding-right: 15px;
}
article div#entry h3 {
    font-size: 25px;
    margin: 30px 0;
}
article div#entry p {
}

/**************************************************/
/*  guide - 画像付き手順の解説
/**************************************************/
article div#entry div.guide {
    background: rgba( var(--main-color),.05 );
}
article div#entry div.guide ol.counter,
article div#entry div.guide div {
    background: initial;
}

/**************************************************/
/*  flex
/**************************************************/
body.page .flx-gc-1-1fr {
    grid-template-columns: repeat( 1, 1fr );
}

/**************************************************/
/*  wpcf7 - 問い合わせフォーム
/**************************************************/

article div#entry div.wpcf7 {
    width: 100%;
}
article div#entry div.wpcf7 p {
    margin-bottom: 20px;
}
article div#entry div.wpcf7 div.message p {
    margin-bottom: 0;
}
article div#entry span.wpcf7-form-control-wrap {
    width: 100%;
}
article div#entry span.wpcf7-form-control-wrap[data-name="form-menu"] {
    position: relative;
    display: inline-block;
}
article div#entry span.wpcf7-form-control-wrap[data-name="form-menu"]:after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #555;
    font-size: 12px;
    text-shadow: initial;
}
article div#entry span.wpcf7-form-control-wrap[data-name="form-menu"] select {
    width: 100%;
    border: 2px solid rgb(var(--main-color));
    border-radius: 4px;
    background-color: #FFF;
    -webkit-appearance: none;
    appearance: none;
    height: 45px;
    padding: 0 10px;
}
article div#entry div.wpcf7 select,
article div#entry div.wpcf7 input,
article div#entry div.wpcf7 textarea {
    outline: none;
}

article div#entry div.wpcf7 span.wpcf7-form-control-wrap input {
    width: 100%;
    height: 45px;
    border: 2px solid rgb(var(--main-color));
    background-color: #FFF;
    border-radius: 4px;
    padding: 0 10px;
}
article div#entry div.wpcf7 span.wpcf7-form-control-wrap textarea {
    width: 100%;
    border: 2px solid rgb(var(--main-color));
    background-color: #FFF;
    border-radius: 4px;
    padding: 10px 10px;
}

article div#entry div.wpcf7 input.wpcf7-submit {
    width: 100px;
    height: 40px;
    background: rgb(var(--light-main-color));
    outline: none;
    border: 1px solid rgb(var(--main-color));
    color: #FFF;
    font-weight: 600;
    font-size: 15px;
    border-radius: 4px;
}