@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500;600;700;800;900&display=swap');



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

/*

/* kodawari

/*

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


.red2 {color:#ff0000;}
.green {color:#e4ff00;}

/* 受付開始前 */
.f_inner {width:780px; margin:0 auto; padding-bottom:50px;}
.osechi_box {position:relative; width:780px; height:315px;}	
	.osechi_box h2 {position:absolute;}
	.osechi_box div {position:absolute; top:260px; left:489px; width:262px; height:32px; z-index:10;}
		.osechi_box div a {display:block; width:262px; height:32px;}
		.osechi_box div a:hover {filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; background:#fff;}
		.osechi_box div a span {display:none;}

.f_inner2 {width:830px; margin:0 auto;}

.lead {line-height:1.5;}



/* h2Rec */

.h2Rec {background:url(../images/kodawari/bg_h2.jpg) no-repeat;}

	.h2Rec p {float:right; margin:27px 5px 0 0; color:#fff; font-size:13px; font-weight:bold; line-height:1;}



/* h4 */

h4 {position:relative; width:830px; height:37px; background:url(../images/kodawari/bg_h4.gif) no-repeat;}

	h4 span {position:absolute; top:12px; left:30px; color:#000; font-size:15px; font-weight:bold; line-height:1;}



/* area01 */

.area01 {padding:35px 0 0 0; background:url(../images/kodawari/bg_area01.gif) left top repeat-x;}
.area01 .inr {padding:0 0 35px 0; background:url(../images/kodawari/bg_area01.gif) left bottom repeat-x; text-align:center;}

	.area01 h2 {color:#000; font-size:23px; font-weight:bold; line-height:1;}

		.area01 h2 span {padding:0 0.5em; color:#9a001a;}

	.area01 h3 {color:#000; font-size:23px; font-weight:bold; line-height:1;}

		.area01 h3 span {display:block; margin-top:15px; font-size:18px;}

	.area01 a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.area01 .soldout {display:flex; align-items:center; justify-content:center; height:3.2em; margin-bottom:20px; border:4px solid #bb3133; color:#bb3133; font-size:170%; font-weight:700;}
.area01 .fax {position:relative; width:579px; margin: 0 auto;}
.area01 .fax p {position:absolute; display:flex; align-items:center; justify-content:center; width:100%; height:100%; top:0; left:0; border-radius:5px; background:rgba(0,0,0,0.6); color:#fff; font-size:140%;}


/* area02 */

.area02 {width:779px; margin:30px auto 0 auto;}

	.area02 .lBox {float:left; width:375px;}

	.area02 .rBox {float:right; width:375px;}

		.area02 .rBox dl {background:#f8f8f8;}

			.area02 .rBox dd {padding:0.6em 0 1em 15px;}

			.area02 .rBox ul {font-size:12px;}

			.area02 .rBox ul li {float:left; /*width:11.5em;*/padding:2px 0; white-space:nowrap;}			
			.area02 .rBox ul li:nth-child(odd) {width:53%;}



/* area03 */

.area03 {margin:0 auto;}







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

/*

/* form

/*

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



/* form */

table.form {width:100%;}

	table.form th, table.form td {font-size:12px;}

	table.form th {width:190px; padding: 13px 0 15px 15px; background:#eee url(../images/company/bg_table.gif) left bottom repeat-x; color:#000; font-weight:bold;}

		table.form th .required {color:#9a001a;}

	table.form td {padding: 13px 0 15px 2em; background:url(../images/company/bg_table.gif) left bottom repeat-x;}

		table.form td.atn, p.atn {font-size:11px;}



input, textarea {padding:4px 5px; background:#fbfbfb; border:1px solid #969696; font-size:12px;}

select {padding-left:5px; background:#fbfbfb; border:1px solid #969696; font-size:13px; line-height:1.5;}

input, select {vertical-align:middle;}

input.md {vertical-align:-0.05em !important; background:none; border:none;}



/* width */

.w60 {width:60px;} .w100 {width:100px;} .w200 {width:200px;} .w300 {width:300px;} .w500 {width:500px;}



/* enq */

ul.enq {}

	ul.enq li {margin-bottom:8px;}



/* btn */

.btn {margin-top:30px; text-align:center;}

	.btn input {border:none;}

	.btn input:hover, .btn a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

	.btn ul {width:600px; margin:0 auto;}

		.btn ul li {float:left; margin: 0 15px;}



/*

.btn {margin-top:30px; text-align:center;}

	.btn input:hover, .btn a:hover img {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

	.btn ul {width:578px; margin:0 auto;}

		.btn ul li {float:left; margin: 0 15px;}

*/

.error {width:300px; margin-top:4px; padding:2px 5px; background:#FFF7F9; border:1px solid #FFD0D1; color:#9a001a; font-weight:bold;}


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

/*

/* osechi

/*

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

body#osechi {background:none;}

#osechiBox {
	width:970px; height:605px;
	position:relative;
}
#webpage{
	width:780px; height:415px;
	position:absolute;
	top:50%; left:50%;
	margin:-204px 0 0 -388px;
}
#retina{
	background:url('../images/kodawari/img_osechi2L.jpg') no-repeat center center white;
	border:2px solid white;
	position:absolute;
	width:180px; height:180px;
	display:none;
	-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-webkit-box-shadow:0 0 5px #777;
	box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
	-moz-border-radius:90px;
	-webkit-border-radius:90px;
	border-radius:90px;
}