@charset "utf-8";

.clear{
   clear:both;
} 


table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

thead th {
    text-align: center;
    background-color: #eee;
}

th {
    padding:20px;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    line-height: 1.3;
}

td {
    padding:20px;
    text-align: right;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #fff;
    line-height: 1.3;
}

.column3{
	float:right;
	width:42%;
	margin:0 2% 2% 2%;
	padding:2%;
	display:inline-block;
}


.text_row{
	width: 100%;
	margin: 0 auto;
}

.p_number{
    padding-right: 4px;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.p_diff{
    padding-right: 4px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.gold_td{
	border-bottom: 3px solid #f9e3cd;
}

.pt_td{
	border-bottom: 3px solid #d7e6f6;
}

.pd_td{
	border-bottom: 3px solid #83d4bd66;
}

.ag_td{
	border-bottom: 3px solid #9babbb66;
}



.tax_text{
	font-size: 12px;
    	color: #555;
	display: inline;
}

/*** PC ***/

.pc_table{display: table;}
.blue{color: #103ea7;}
.red {color: #bb3030;}

#cal0{
    left: 50%;
    transform: translateX(-50%);
    width: 330px;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 30%);
    animation: fadeIn 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
 

@media screen and (max-width:1080px){
	.text_row{width: 100%;}
}

@media screen and (max-width:780px){
	section, .container {padding:0px 20px;}
}

@media screen and (max-width:720px){
	.pc_table{display: none;}
	table {border-top: none;}
	.pt_td,.pd_td,.ag_td{margin-top: 20px;}
	.diff_text{font-size: 12px; padding-top: 4px;}
	.p_number {font-size: 20px;}
	.p_diff {font-size: 15px;}
	th, td {padding: 10px 17px;}
	.max400{max-width: 400px;}
}

@media screen and (max-width:600px){
	.column3 {
		overflow:hidden;
		width:92%;
	}

	.column3a {
		overflow:hidden;
		
		width:100%;
	}

	.column3b {
		overflow:hidden;
		width:100%;
		font-size:90%;
	}

	.sp_window{
		display: block;
		text-align: center;
	}

	.sp_chart{
		width: 700px;
	}

	.sp_table{
		width: 700px;
		margin: 10px 0;
	}

}

@media screen and (max-width:385px){
	#cal0 {width: calc(100% - 40px);}
}


/** 地金価格用 **/
            .pc_on {
                display: block;
            }

            .pc_off {
                display: none;
            }

            .phone_br {
                display: none;
            }

            .phone_hide {
                display: inline;
            }

            .underline {
                border-top: 1px #ddd solid;
                list-style: none;
                padding-left: 0;
            }

            .underline li {
                border-bottom: 1px #ddd solid;
                padding: 20px 0;
                vertical-align: middle;
                position: relative;
            }



            @media screen and (max-width: 800px) {
                .column3 {
                    width: 47%;
                }

                .column3:nth-last-child(n+3) {
                    margin-bottom: 30px;
                }

            }

            @media screen and (max-width: 720px) {
                .pc_on {
                    display: none;
                }

                .pc_off {
                    display: block;
                }

                .phone_hide {
                    display: none;
                }

                h1, h2 {
                    font-size: 20px;
                }

                h3 {
                    font-size: 15px;
                }

                h4 {
                    font-size: 14px;
                }

                .h1_margin_bottom {
                    margin-bottom: 40px;
                }

                .margin_bottom {
                    margin-bottom: 20px;
                }

                section, .container, .wide_container {
                    padding: 20px 20px;
                }

                .section_padding_top {
                    padding-top: 50px;
                }

                .margin_top {
                    margin-top: 40px;
                }

                .column2 {
                    width: 100%;
                    margin: 0 auto;
                }

                .column2:nth-child(2) {
                    margin-top: 40px;
                }


                table {
                    width: 100%;
                    border-collapse: collapse;
                    border-top: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                }

                thead th {
                    text-align: center;
                    background-color: #eee;
                }

                th {
                    padding: 20px;
                    text-align: left;
                    font-weight: normal;
                    border-bottom: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                    background-color: #fff;
                    line-height: 1.3;
                }

                td {
                    padding: 20px;
                    text-align: right;
                    border-bottom: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                    background-color: #fff;
                    line-height: 1.3;
                }

                .column3 {
                    float: right;
                    width: 42%;
                    margin: 0 2% 2% 2%;
                    padding: 2%;
                    display: inline-block;
                }

                .p_number {
                    padding-right: 4px;
                    font-size: 24px;
                    font-weight: 500;
                    font-family: 'Roboto', sans-serif;
                }

                .p_diff {
                    padding-right: 4px;
                    font-size: 17px;
                    font-weight: 500;
                    font-family: 'Roboto', sans-serif;
                }

                .gold_td {
                    border-bottom: 3px solid #f9e3cd;
                }

                .pt_td {
                    border-bottom: 3px solid #d7e6f6;
                }

                .pd_td {
                    border-bottom: 3px solid #83d4bd66;
                }

                .ag_td {
                    border-bottom: 3px solid #9babbb66;
                }

                .sp_window {
                    display: none;
                }

                .tax_text {
                    font-size: 12px;
                    color: #555;
                    display: inline;
                }

                .pc_table {
                    display: table;
                }

                .blue {
                    color: #103ea7;
                }

                .red {
                    color: #bb3030;
                }

                #cal0 {
                    left: 50%;
                    transform: translateX(-50%);
                    width: 330px;
                    box-shadow: 4px 4px 10px rgb(0 0 0 / 30%);
                    animation: fadeIn 0.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
                }

                }

                @media screen and (max-width: 1080px) {
                    .text_row {
                        width: 100%;
                    }
                }

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

                .flx {
                    width: 100%;
                    height: auto;
                }

                @media screen and (max-width: 780px) {
                    section, .container {
                        padding:0px 20px;
                    }
                }

                @media screen and (max-width: 720px) {
                    .pc_table {
                        display: none;
                    }

                    table {
                        border-top: none;
                    }

                    .pt_td,.pd_td,.ag_td {
                        margin-top: 20px;
                    }

                    .diff_text {
                        font-size: 12px;
                        padding-top: 4px;
                    }

                    .p_number {
                        font-size: 20px;
                    }

                    .p_diff {
                        font-size: 15px;
                    }

                    th, td {
                        padding: 10px 17px;
                    }

                    .max400 {
                        max-width: 400px;
                    }
                }

                @media screen and (max-width: 600px) {
                    .column3 {
                        overflow:hidden;
                        width: 92%;
                    }

                    .column3a {
                        overflow: hidden;
                        width: 100%;
                    }

                    .column3b {
                        overflow: hidden;
                        width: 100%;
                        font-size: 90%;
                    }

                    .sp_window {
                        display: block;
                        text-align: center;
                    }

                    .sp_chart {
                        width: 700px;
                    }

                    .sp_table {
                        width: 700px;
                        margin: 10px 0;
                    }

                    #retrieval {
                        padding: 18px 0;
                    }

                    .gold_td, .pt_td, .pd_td, .ag_td {
                        letter-spacing: 0;
                    }
                }

                @media screen and (max-width: 385px) {
                    #cal0 {
                        width: calc(100% - 40px);
                    }
                }