@charset "UTF-8";

/* CSS Document */











/*----------------------------------------------------------------------------------------------------------------------------

contact CSS

----------------------------------------------------------------------------------------------------------------------------*/

.contact_space{
margin-top:30px;
margin-left:70px;
margin-right:70px;
}


.contact_left{
float:left;
margin-top:17px;
padding-top:12px;
width:210px;
text-align:center;
}

.contact_right{
float:left;
margin-top:19px;
padding-bottom:20px;
}


.contact_left_long{
float:left;
margin-top:17px;
padding-top:4px;
height:165px;
width:210px;
text-align:center;
}

.contact_right_long{
float:left;
margin-top:17px;
height:165px;
}


.contact_line{
clear:both;
border-top:1px solid #ccc;
}


.contact_form_1{
border:0;
padding:10px;
font-size:15px;
color:#666;
border:solid 1px #aaa;
width:300px;
}

.contact_form_2{
border:0;
padding:10px;
font-size:15px;
color:#666;
border:solid 1px #aaa;
width:500px;
}







/*----------------------------------------------------------------------------------------------------------------------------

contact ／　confirm CSS

----------------------------------------------------------------------------------------------------------------------------*/
.form_confirm_space{
margin-top:20px;
margin-left:20px;
margin-right:20px;
}

.form_confirm_space p{
text-align:center;
}


.CaptSel {
background-color: #d3e9fa;
text-align: center;
}



.confirm_submit_space{
width:177px;
margin:0 auto;
padding-top:25px;
}

#confirm_submit {
    display:block;
    width:177px;
    height:43px;
    padding:0;
    border:0;
    background:url(../images/contact_btn_send.jpg) no-repeat left top;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}
#confirm_submit:hover,
#confirm_submit:focus {
    background-position:left -43px;
}



/*------------------------------------------------------------------------------------*/








/*---フォーム入力で拡大を禁止---*/
input,select,textarea{
   font-size:16px;
    vertical-align:middle;
}


/*--フォームアイコン-ラジオボタンとセットにする設定--*/
#heart{
display: inline-block;
width: 20px;
}






.post {
    background-color: #000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #FFF;
    width: 200px;
    margin: 0 auto;
    padding: 25px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
}
.post h2{
    text-align: left;
    margin: 0 0 10px;
    font-size: 14px;
}
.post h2 a{
    color: #FFF;
}
.post .tag{
    text-align: right;
}
.post img{
    display: block;
    margin: 3px 0 10px;
}
.post p{
    line-height: 1.3;
}






/*----------------------------------------------------------------------------------------------------------------------------

form部分　レスポンシブ対応（2024/03）

----------------------------------------------------------------------------------------------------------------------------*/
.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom:45px;
}

.flex li.leftbox {
text-align:left;
width:210px;
}

.flex li.rightbox {
text-align:left;
width:380px;
}

.flex li span.red{
color:#cc0000;
}

.flex li div.en{
line-height:1.4em;
}



.flex_txt {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
margin-top:-25px;
margin-bottom:25px;
}

.flex_txt li {
text-align:left;
line-height:1.7em;
}

.input_color{
background-color: #f7f7f7;
border:0;
padding:10px;
font-size:15px;
color:#666;
border:solid 2px #e5e5e5;
width:300px;
}


textarea {
width:100%;
background-color: #f7f7f7;
border:solid 2px #e5e5e5;
}




/*---送信ボタン位置---*/
.contact_btn{
width:365px;
margin:0 auto;
padding-bottom:75px;
}

.contact_btn_left{
float:left;
margin-right:10px;
}

.contact_btn_right{
float:left;
margin-left:10px;
padding-top:5px;
}



.test_box{
background-color: #555555;
width:15px;
height:15px;
}



/*---送信ボタン---*/
#submit {
background-color: #555555;
    display:block;
    width:177px;
    height:43px;
    padding:0;
    border:0;
    background:url(../images/contact_btn_confirm.jpg) no-repeat left top;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}
#submit:hover,
#submit:focus {
    background-position:left -43px;
}


/*---リセットボタン---*/
#reset {
    display:block;
    width:165px;
    height:37px;
    padding:0;
    border:0;
    background:url(../images/contact_btn_reset.jpg) no-repeat left top;
    text-indent:-9898px;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}
#reset:hover,
#reset:focus {
    background-position:left -37px;
}





/*---------------確認画面----------------*/

.table_form_confirm {
margin:auto;
border: 0px #aaaaaa solid;
border-collapse: collapse;
width:100%;
font-size:15px;
}



/*---------------エラー画面----------------*/
.table_form_confirm th {
border-top: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
padding: 8px 10px 8px 10px;
text-align: left;
vertical-align: top;
}
.table_form_confirm td {
border-top: 1px #aaaaaa solid;
border-bottom: 1px #aaaaaa solid;
padding: 12px 6px 12px 6px;
}


.table_form_confirm_ttl_left{
width:150px;
text-align:center;
background-color: #f7f7f7;
}

.table_form_confirm_ttl_right{
background-color: #f7f7f7;
text-align:center;

}

.table_form_confirm_item_left{
text-align:center;
font-weight:bold;
}

.table_form_confirm_item_right{

}

.table_form_confirm_item_right_red{
color:#cc0000;
}