@charset "UTF-8";
/* CSS Document */
.mb20 {margin-bottom:20px;}
.ptb14 {padding:10px 0 40px;}
.ptb24 {padding:20px 0 40px;}
.ptb20 {padding:20px 0 0;}
.ptb02 {padding:0px 0 20px;}
.bg_f4 {background :#f4f4f4;}
.bg_0f3 {background :#fff0f3;}
.bt2 {border-top:2px solid #000;}
input[type="text"] {width: 74%; font-size: 16px; padding: 3px;}
.total_box input[type="text"] {width: 37%; font-size: 16px; padding: 3px;line-height: 20px;margin:0 6px;}
input[type="text"].w55 {width: 55%; }
input[type="text"].w100,textarea.w100 {width: 100%;}
input[type="text"].w50 {width: 54%; margin-left: 1%;}
input[type="text"].w25 {width: 13%;margin-right: 1%;}

input[type="button"] {width: 50% ; margin: auto; background:#e30f20;padding: 14px; border-radius: 4px; margin: 25px auto 80px; color: #fff;font-size: 17px; font-weight: 600;box-shadow: 0 4px 3px 0 rgba(0,0,0,.1);}
input[type="checkbox"] {margin-right: 4px;width: auto;}
input[type="radio"] {margin-right: 4px;}
select {width: 73%;}
#osechi.end,#osechi.end #customer {background: none;}

#osechi .txt_center a {display: inline-block;}
.ml25 {margin-left:25px;}
.m06 {margin:0 6%;}
#osechi { line-height: 2em;background: url(../images/osechi_bg.jpg) repeat; height: auto;}
#osechi #main h1 img:before {background:1px solid #ddd; margin: 2px 0 0 0;content: ""; display: block;height: 3px;}
#osechi #main h1 img {width: auto;margin-left: 110px;}
#osechi #main h1 {text-align: center;margin-top:140px;background: url(../images/header_bg.jpg)repeat;padding: 26px 0 0;}
#osechi .line_red {background: #E7001A; height: 1px;width: 100%;display: block; margin: 2px 0;}
#osechi #main { padding-top: 2px;padding-bottom: 0;}
#osechi #footer_bnr ul {padding-top: 60px;}
#osechi .osechi_box {background: url(../images/box_bg.jpg) repeat;padding: 1.3%;box-shadow: 0 4px 3px 0 rgba(0,0,0,.1);margin: 0 auto 24px;}
#osechi .bg_fff {background: #fff;padding: 1.3%;}
.osechi_box .right .clearfix  {border-bottom: 3px solid #000; padding: 10px 3px;}
#main .osechi_box h2 {color: #000;text-align: left;font-size: 24px;}
#main .osechi_box h2 span {background:#E7001A;color: #fff; font-weight: 600;display: inline-block;padding: 4px 10px;margin-right: 10px;font-size: 14px;line-height: 100%;}
#main .osechi_box b {font-size: 20px;display: block; padding-top: 5px;}
#main .osechi_box b span {font-size: 14px;margin-right: 5px;}

#main .osechi_box .left {width: 38%;}
#main .osechi_box .left img {width:  100%; height: auto;}
#main .osechi_box .right {width: 60%;}
#main .osechi_box .right .left {width: 70%;}
#main .osechi_box .right .right {width: 23.6%;margin-top: 30px;}
#main .osechi_box .btn_pdf {background:#E7001A; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 400; width: 80%;text-align: center; margin: 3% auto; padding: 1% 0;box-shadow: 0 4px 3px 0 rgba(0,0,0,.1); transition: 0.2s all ease 0s;
}
#main .osechi_box .btn_pdf a {color: #fff;}
#main .osechi_box .btn_pdf a:hover {opacity: 1;}

#main .osechi_box .btn_pdf:hover {box-shadow: none;transform: translate3d(1px, 2px, 0);
}
.customer_box .radio_box dd input {width:auto;}
#osechi .mp_box b {background:#E7001A; width: 30px ; height: 30px;display: inline-block;border-radius: 4px;box-shadow: 0 4px 3px 0 rgba(0,0,0,.1);text-align: center;padding: 0;line-height: 25px;}
#osechi .mp_box b img {width: 15px ; height: auto;vertical-align: middle;line-height: 100%;}
#osechi .mp_box span {border: 1px solid #000; width: 60px ; height: 22px;display: inline-block;vertical-align: middle; margin: 0 6px 2px;text-align: center; line-height: 22px;}
.sub_title {text-align: center;  background: #fff;width: 80%; margin: 20px auto 30px;padding: 10px;box-shadow:0 4px 3px 0 rgba(0,0,0,.1);}
.sub_title span {border:3px solid #E7001A;display: block;padding: 10px;}
#osechi .osechi_bottom .osechi_box {width: 32.4%; margin-left:1%;background: #fff; border:7px solid #e2a768;display: inline-block;vertical-align: top;}
#osechi .lower {margin:0px auto 0}
#osechi .osechi_bottom .osechi_box:first-child {margin-left:0;}
#osechi .osechi_bottom .mp_box b img {width: 55%;height: auto;}
#osechi .osechi_bottom .osechi_box img {width: 100%; height: auto;}
#osechi .bottom_bt {border-bottom:  3px solid #000;}
#main .osechi_bottom .osechi_box b,#main .osechi_bottom .mp_box {display: inline-block;padding: 0;}
#main .osechi_bottom .osechi_box h2 {font-size: 20px;}
#main .osechi_bottom .osechi_box h2 span {font-size: 18px;}
#osechi .osechi_bottom .mp_box b {height: 24px ; width: 24px;line-height: 24px; vertical-align: middle;}
#osechi .osechi_bottom p {line-height: 1.5em;margin: 6px 0 0;}
#customer .lower {margin: 0 auto;padding: 60px 0 ;}
#customer {background: #f4f4f4;}
#customer h3 {font-size: 26px;text-align: center;padding: 80px 0 30px;font-weight: 600;}
.customer_box {border: 2px solid #000; border-radius: 4px ;width: 80%;margin: auto; background: #fff;box-shadow:4px 4px 0px rgba(255,255,255,1);}
.customer_box b {background: #f2e4aa;display: block; text-align: center;border-bottom: 1px solid #000;font-size: 18px; padding: 20px;margin:0;}
.customer_box b p{font-size: 14px; font-weight: normal;padding-top: 5px;}
.customer_box b:first-child {margin:0;}

.customer_box dl {border-bottom: 1px solid #000; padding: 2%; margin: 0 6%;}
.customer_box dl span.bg_block{background: #f4f4f4;display: block; margin-bottom: 16px;padding: 0 20px;font-weight: 600;}
.customer_box dl.last-child{border:none;}
.customer_box dt {width: 38%;display: inline-block;vertical-align: top;position: relative;line-height: 150%;}.customer_box dd {width: 58%;display: inline-block;}
input {width:80%;}
.customer_box dt span {background: #e30f20;color: #fff; font-weight: 600; padding: 0% 3%;font-size: 12px;margin: 0 2%;border-radius: 4px;position: absolute;right:15%;top:0; }
.total_box {position: fixed;bottom:0;right: 60px;background:#0f79c1;padding: 8px 4px 6px; width: 42%;font-size: 1.2em;border-radius: 4px 4px 0 0 ;z-index: 9999;}
.total_box p {display: inline-block;color: #fff; width: 20%; }
.total_box span {background: #fcfced;padding: 10px;display: inline-block;width: 35%;text-align: center;}
.customer_box#o_customer_b dt {width: 60%;display: table-cell;text-align: center;}
.customer_box#o_customer_b dd {width: 18%;border-left: 1px solid #000;display: table-cell;text-align: center;vertical-align: middle;}
.customer_box#o_customer_b dl {padding: 0; margin: 0;display: table;width: 100%;}
.radio_box dd{width: 48%;}

.customer_box dl.linenone {border:none;}
.pv_box dt,.pv_box dd {display: inline-block;}
input::placeholder {color: #969696;font-size: .9em;}
.order_p { font-size: 16px;text-align: center; margin-bottom:30px;position: relative;padding: 10px 0 1px;}
.order_p:before{ content: ""; border-left: 6px solid #0f79c1;margin-right: 10px;}
.red_font {font-size: 14px; color: #E30F24; margin-top:15px;line-height: 1.6em;}
#osechi.kakunin #o_customer_b .left{width: 27%; }
#osechi.kakunin #o_customer_b .left img{width: 92%; padding: 4%; }	
#osechi.kakunin #o_customer_b .right{width: 72%; text-align: left;margin-top:1%;line-height: 180%;}
#osechi.kakunin .lower {padding-bottom: 80px;}
#osechi.kakunin .customer_box dt span {margin: 0 2% 0 0;}
.customer_box p.bg_0f3 {padding: 2%;text-align: right;}
.customer_box p.bg_0f3 span {margin-left: 2%;}
input[type="button"].bg_ddd {background: #afafaf;}
.btn_con input[type="button"] {width: 30%; margin: 1%;}
.btn_con {margin: 2% 0}
#osechi.end .red_font {font-size: 1.4em;font-weight: 600; text-align: center;margin-bottom: 2%;}
.number_c {text-align: center;}
.number_box dl {width: 33%; border: 1px solid #000;border-radius: 4px ; margin: 20px auto ;}
.number_box dt,.number_box dd {display: inline-block;}
.number_box dt {width: 30%;border-right: 1px solid #000;background: #fff0f3; border-radius: 4px 0 0 4px;}.number_box dd {width: 70%;background: #fff; border-radius: 0 4px 4px 0;}
#osechi.end .tel_box {border-radius: 4px ; border:1px solid #000;width: 60%;margin:20px auto;background: #fff0f3;}
#osechi.end .tel_box li{display: inline-block;}
#osechi.end .tel_box li:first-child{border-right: 1px solid #000;}
#osechi.end .tel_box li{padding: 10px 20px;width: 48%;}
.step_box {border:1px solid #000;box-shadow:4px 4px 0px rgba(255,255,255,1);width: 80%; margin: 0 auto 10px;}
.step_box li {background: #ddd; display: inline-block;border-left: 1px solid #000;padding: 2px 8px;width: 33.333%;text-align: center;color: #4d4d4d;}
.step_box li.hover_b {background: #0f79c1; color:#fff;}

.step_box li:first-child {border-left: none;}

#osechi #main h1 {border-top:1px solid #E7001A;margin-top:0;}
#osechi #main {padding-top:100px;}
.total_box {background:#208744;width:50%;left: 50%; margin-left: -25%;}
.total_box p {width: 26%;}
.total_box span {width: 33%;padding: 2%;}
.total_box span:first-of-type {padding-right: 0%;}
.step_box li.hover_b {background: #fff0f3;color:#000;}
.step_box li {background: #f4f4f4;color:#777777;}
.order_p:before {border:none;}
.step_box li {padding: 4px;}
.pdb70 {padding-bottom: 70px;}
.customer_box {width:90%;}
.customer_box dl span.bg_block {line-height: 1.7em;padding: 1% 2%;}
#main .osechi_box b,#main .osechi_box h2 {font-weight: 400;}
#main .osechi_bottom .osechi_box h2 span {font-size: 16px;}
.sub_title span {border:1px solid #E7001A;}
.two_f {display: inline-block ;width: 48%;}
.two_f input[type="text"] {margin-left: 7px;}
.osechi_bottom {padding-bottom: 0;}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width : 768px) {
	#osechi .lower {font-size: 0.8em;line-height: 1.8em;}
#osechi #main {padding-top: 0;}
#osechi #main h1 img {margin-left: 0;}
	#osechi #main h1{text-align: center;}
	.sub_title {width:100%;}
	.step_box {width:100%;display: table;}
	.step_box li {vertical-align: top;display: table-cell;line-height: 135%;}
	.total_box {width: 100%; left: 0; margin-left: 0;font-size: 1em;}
	.total_box span:first-of-type {width: 30%;}
	.order_p {font-size: 1em; line-height: 1.5em;}
	#main .osechi_box .left,#main .osechi_box .right ,#main .osechi_box .right .left,#main .osechi_box .right .right,#osechi .osechi_bottom .osechi_box{width:100%;}
	#main .osechi_box h2 {font-size: 1.4em;}
	#main .osechi_box b{font-size: 1.2em;}
	#main .osechi_box .right .right {margin-top: 5px;}
	.mp_box {text-align: right;}
	#osechi .bg_fff {padding: 2%;}
	#osechi .osechi_box {margin-bottom: 16px;}
	.osechi_bottom .img_b {display: inline-block;width: 26%;vertical-align: top;margin-right: 2%;}
	.osechi_bottom .bottom_bt {display: inline-block;width: 70%;}
	#main .osechi_bottom .osechi_box b {font-size: 1em;}
	#main .osechi_bottom .osechi_box h2 {font-size: 1.4em;}
	#main .osechi_box b span {font-size: 0.8em;}
	#main .osechi_bottom .osechi_box h2 span {font-size: 0.8em;}
	#main .osechi_box h2 span {margin-right: 2%;}
	#osechi .mp_box span {margin: 0 1%;}
	#main .osechi_bottom .osechi_box b{display: block;}
	#osechi .osechi_bottom p {margin:0 0 2%;}
	#customer h3 {padding: 13% 0 2%;}
	#customer .customer_box b {margin-top:0;}
	.customer_box dt,.customer_box dd {width: 100%;}
	input[type="text"], input[type="tel"], input[type="email"] {border:1px solid #ddd;width: 100%;}
	.customer_box dt{font-weight: bold;margin-bottom: 2%;}
	.customer_box {width: 100%;}
	.customer_box dl {margin: 2% 4%;}
	#main .osechi_bottom .osechi_box b.btn_minus,#main .osechi_bottom .osechi_box b.btn_plus {display: inline-block;}
	#main .osechi_bottom .osechi_box b, #main .osechi_bottom .mp_box {display: block;}
	.red_font {font-size: 0.9em;}
	input[type="button"] {width: 80%;}
	.customer_box dt span {position: static;}
	#customer .lower {padding: 30px 10px ;}
	textarea {border:1px solid #ddd;}
	.btn_con input[type="button"] {width:90%; }
	}