@charset "utf-8";

@media print, screen and (min-width: 828px){
/**************************
PC用スタイル
**************************/
/* 全体 */
.Page_body{
    width: 360px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}

}
@media screen and (max-width: 828px){
/**************************
スマホ用スタイル
**************************/
/* 全体 */
.Page_body{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}




}
/**************************
PC・スマホ共に同じスタイル
**************************/
/* タイトル */
h3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
}
h4 {
    font-size: 14px;
    line-height: 168%;
    font-weight: bold;
    margin-bottom: 25px;
}
h5 {
    font-size: 14px;
    line-height: 168%;
    font-weight: bold;
    margin-bottom: 5px;
}
/* ページ共通 フォーム */
.Form_body{
    width: 90%;
    text-align: left;
    margin-bottom: 25px;
    margin-right: auto;
    margin-left: auto;
}
.Form_body p{    font-size: 18px;
    font-weight: bold;
}
input {
    font-size: 24px;
    width: 65%;
    border-radius: 4px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5;
    padding-right: 16px;
    padding-bottom: 5;
    padding-left: 16px;
    line-height: 168%;
}
input:focus#price,input:focus#input1,input:focus#azukari {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}

#price{
    font-size: 32px;
    font-weight: bold;
    text-align: right;
}
#azukari{
    font-size: 32px;
    font-weight: bold;
    text-align: right;
}

#price2{
    font-size: 62px;
    font-weight: bold;
    text-align: right;
    color: #F00;
    outline: none!important;
    background-color: #FFC;
    border-bottom-width: 3px;
    border-bottom-style: double;
    border-bottom-color: #F00;
    line-height: 100%;
}
.Coment_body{
    text-align: left;
}
.Coment_body p{
    font-size: 14px;
    line-height: 168%;
    margin-bottom: 10px;
}

/* 非表示 */
.pc-hide{
    /*<br / class="pc-hide">*/
    display: none;
}
.sp-hide{
    /*<br / class="sp-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
    display:inline-block;
}

/*　フロートリセット　*/
.cl{
    /*<div class="cl"></div>*/
	line-height: 0px;
	clear: both;
	height: 0px;
}