@charset "utf-8";
/* CSS Document */

/*  ↓44mmだけモダンなデザインだったので、差分吸収用CSS↓  */
#now_type_change, #now_opp_change, #now_horo_change, #now_daisi_change {
    display: block;
    margin: 12% 0 0 0;
    padding: 5%;
    background: rgb(255 180 70);
    color: #fff;
    /* height: 3em; */
    border: 3px solid #dc9b3b;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
#now_type_exp, #now_opp_exp, #now_horo_exp, #now_daisi_exp {
    display: block;
    width: 100%;
    font-weight: bold;
}
#now_type_overlay, #now_opp_overlay, #now_horo_overlay, #now_daisi_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1002;
}
#now_type_overlay_inner, #now_opp_overlay_inner, #now_horo_overlay_inner, #now_daisi_overlay_inner {
    width: 90%;
    height: 80%;
    padding: 5% 20%;
    margin: 5%;
    position: relative;
    background: #fff;
    opacity: 1;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#now_type_overlay_close, #now_opp_overlay_close, #now_horo_overlay_close, #now_daisi_overlay_close {
    display: block;
    width: 10%;
    min-width: 70px;
    margin: 5px;
    padding: 5px;
    position: fixed;
    right: 15%;
    top: 10%;
    background: #bbb;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 1003;
    transform: translate3d(0, 0, 0);
}
.estimate_name, .estimate_amount, .estimate_payment, .estimate_deliver {
    margin: 3% 0 1% 1%;
}
#estimate_form #custmer, #estimate_form #amount, #estimate_form #payment, #estimate_form #deliver {
    padding: 4px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #CCC inset;
    cursor: pointer;
}
.estimate_btn_wrap {
    display: inline-flex;
    width: 100%;
    margin: 3% 0;
    text-align: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.estimate_btn_wrap h4 {
    display: block;
    margin: 0;
    height: 3em;
}
#now_type_display, #now_opp_display, #now_horo_display, #now_daisi_display {
    display: block;
    width: 22%;
    margin: 1%;
    padding: 2%;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    box-sizing: border-box;
}
#now_type_image, #now_opp_image, #now_horo_image, #now_daisi_image {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 100%;
    cursor: pointer;
}
#estimate, #For_order1, #For_order2, #For_top, #For_print {
    background: #e05a5a;
    color: #fff;
    font-weight: bold;
    padding: 8% 0;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 120%;
    width: 100%;
}
.to_estimate {
    width: 20%;
    margin: 0 auto;
    padding: 5%;
}
/*  差分吸収ここまで  */


#estimate:disabled{
	background: #ccc;
}
#k_type1,#k_type2,#k_type3,#k_type4,#k_type5,#k_type6,#k_type7,#k_type8,#k_type9,#k_type10,#k_type11,#k_type12,#k_type13,#k_type14,#k_type15,#k_type16,#k_type17,#k_type18,#k_type19,#k_type20,#k_opp1,#k_opp2,#k_opp3,#k_opp4,#k_opp5,#k_opp6,#k_opp7,#k_opp8,#k_opp9,#k_opp10,#k_opp11,#k_opp12,#k_opp13,#k_opp14,#k_opp15,#k_opp16,#k_opp17,#k_opp18,#k_opp19,#k_opp20,#k_horo1,#k_horo2,#k_horo3,#k_horo4,#k_horo5,#k_horo6,#k_horo7,#k_horo8,#k_horo9,#k_horo10,#k_horo11,#k_horo12,#k_horo13,#k_horo14,#k_horo15,#k_horo16,#k_horo17,#k_horo18,#k_horo19,#k_horo20,#k_horo21,#k_horo22,#k_horo23,#k_horo24,#k_horo25,#k_horo26,#k_horo27,#k_horo28,#k_horo29,#k_horo30,#k_horo31,#k_horo32,#k_horo33,#k_horo34,#k_horo35,#k_horo36,#k_horo37,#k_horo38,#k_horo39,#k_horo40,#k_horo41,#k_horo42,#k_horo43,#k_horo44,#k_horo45,#k_horo46,#k_horo47,#k_horo48,#k_horo49,#k_horo50,#k_daisi1,#k_daisi2,#k_daisi3,#k_daisi4,#k_daisi5,#k_daisi6,#k_daisi7,#k_daisi8,#k_daisi9,#k_daisi10,#k_daisi11,#k_daisi12,#k_daisi13,#k_daisi14,#k_daisi15,#k_daisi16,#k_daisi17,#k_daisi18,#k_daisi19,#k_daisi20,#k_daisi21,#k_daisi22,#k_daisi23,#k_daisi24,#k_daisi25,#k_daisi26,#k_daisi27,#k_daisi28,#k_daisi29,#k_daisi30,#k_daisi31,#k_daisi32,#k_daisi33,#k_daisi34,#k_daisi35,#k_daisi36,#k_daisi37,#k_daisi38,#k_daisi39,#k_daisi40,#k_daisi41,#k_daisi42,#k_daisi43,#k_daisi44,#k_daisi45,#k_daisi46,#k_daisi47,#k_daisi48,#k_daisi49,#k_daisi50 {
    background-image: none;
}
.k_plans ul{
	font-size: inherit;
	letter-spacing: inherit;
}
.k_plans ul li{
	padding-bottom: 0; 
}
.k_plans ul li img{
	height: auto;
}
.k_plans ul li span{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;	
}
#now_type_image, #now_opp_image, #now_horo_image, #now_daisi_image {
	height: auto;
	padding-bottom: 0;
}
#now_type_image img, #now_opp_image img, #now_horo_image img, #now_daisi_image img {
	width: 100%;
}
#now_type_image span, #now_opp_image span, #now_horo_image span, #now_daisi_image span {
	height: 2.6em;/*font-size130%を2行分*/
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.estimate_head{
	position: relative;
}
.estimate_h2{
    font-size: 200%;
    font-weight: bold;
}
#est_date{
	display: block;
}
.estimate_hanko{
	position: absolute;
	top: 0;
	right: 0;
}
#order_loading_overlay{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
}
#order_loading_overlay span{
	position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: calc((150px - 38px) / 2);
}
#order_loading_overlay p{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 100%;
    color: #222;
    font-size: 140%;
    font-weight: normal;
    background: none;
}

@media only screen and (max-width: 959px){
	.estimate_base {margin: 0 1%;}
	.estimate_address{margin: 5% 0;}
	.estimate_hanko {top: 2em;}
	.estimate_tbl {
		width: 95%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-word;
	}
	.forder1_btn{margin: 6% auto;}
}