@charset "utf-8";

/* ------------------------------------------------
 * padding幅ボタン
------------------------------------------------ */

.questionBtn_paddingbtnWrap a{
    background-color: #fff;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin: 5px 5px 5px 0px;
    display: inline-block;
    font-size: 12px;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 20%);    
}

.questionBtn_paddingbtnWrap a:hover{
    opacity: 0.7;
}

.questionBtn_paddingbtnWrap a::before {
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('/search_buy/images/questionBtn_icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    }


/* ------------------------------------------------
 * 100%幅ボタン
------------------------------------------------ */
.questionBtn_simplebtnBox a,
.questionBtn_2rows a {
    background-color: #fff;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #aaa;
    border-radius: 4px;
    margin-bottom: 8px;
    display: block;
    font-size: 12px;
    box-shadow: 0px 1px 2px rgb(0 0 0 / 20%);
    text-align: center;
}

.questionBtn_simplebtnBox a:hover,
.questionBtn_2rows a:hover {
    opacity: 0.7;
}

.questionBtn_simplebtnBox a::before,
.questionBtn_2rows a::before {
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 4px;
    vertical-align: middle;
    display: inline-block;
    background-image: url('/search_buy/images/questionBtn_icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    }

/* ------------------------------------------------
 * コンテンツ内ボタン枠 577px
------------------------------------------------ */
.questionBtn_contentWrapwide{
    margin: 8px auto;
    width: 577px;
    text-align: center;
}

/* ------------------------------------------------
 * コンテンツ内ボタン枠 300px
------------------------------------------------ */
.questionBtn_contentWrapsmall{
    margin:0px auto 10px;
    width: 300px;
    text-align: center;
}

/* ------------------------------------------------
 * コンテンツ内ボタン　横2列
------------------------------------------------ */
.questionBtn_2rows p{
    width: 49.5%;
    display: inline-block;
}

/* ------------------------------------------------
 * スマホボタン外余白
------------------------------------------------ */
.requirement .inner .list .questionBtn_simplebtnBox{
    margin-bottom: 20px;
}

.intro .inner .questionBtn_simplebtnBox{
    margin: 20px 0px;
}

/* ------------------------------------------------
 * スマホ価格下エリア
------------------------------------------------ */
.questionBtn_spHeaderWrap{
    background-color: #E9D5C7;
    margin-top: 5px;
}
.top .price .questionBtn_spHeaderWrap .questionBtn_spHeadertitle{
    display: inline-block;
    margin: 0px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #725D4B;
    font-size: 12px;
}

/* ------------------------------------------------
 * スマホ、タブレット表示
------------------------------------------------ */
@media screen and ( max-width:780px ){
    .questionBtn_paddingbtnWrap{
        display: inline-block;
    }

    .questionBtn_paddingbtnWrap p{
        display: inline-block;
    }

    .questionBtn_simplebtnBox a {
    margin: 8px auto;
    max-width: 400px;
    }
    .questionBtn_contentWrapsmall {
    margin: 0px auto 20px;
    }
    .questionBtn_singlebtnWrap{
        margin-bottom: 10px;
    }
}

@media screen and ( max-width:320px ){

    .questionBtn_paddingbtnWrap a {
    margin: 5px 2px 7px 0px;
    }
    .top .price .questionBtn_spHeaderWrap .questionBtn_spHeadertitle{
    margin: 6px;
    }
}