@charset "utf-8";

/*-------------------------------------------------------
common
-------------------------------------------------------*/
input,
select {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}

/*-------------------------------------------------------
season
-------------------------------------------------------*/
#season {}
#season .box { background-color:#fff; letter-spacing:-.40em; padding:20px 0 0; }
#season .main_cont  { background-color:#fff; display:inline-block; width:940px; letter-spacing:normal; vertical-align:top; padding:0 0 30px; }
#season .conversion { padding: 15px 0 30px 10px; }

/*-------------------------------------------------------
takeout_menu
-------------------------------------------------------*/
#season #season_menu { padding:0; }
#season #season_menu h2 { background-color:#d40; border-radius:3px 3px 0 0; color:#fff; font-size:113%; font-weight:600; padding:20px 20px; text-align:left; }

#season #season_menu h3 {
background-image:url(../takeout/images/bg_title.png);
background-repeat:no-repeat;
background-position:right bottom;
background-size:1000px 60px; 
background-color:#f7f0e1;
font-size:125%;
font-weight:600;
line-height:1;
margin-top:20px;
padding:15px;
text-align:left;
}

#season #season_menu h4 {}
#season #season_menu h4 span {
border:2px solid #ccc;
display:block;
padding:20px 30px;
margin-top:20px;
line-height:1.6;
}
#season #season_menu h4.christmas { display:none; }

#season #season_menu .detail { margin-top:15px; }
#season #season_menu .detail .terms { align-items:center; border:2px solid #cc9933; display:flex; justify-content:space-evenly; padding:15px; }
#season #season_menu .detail .terms dl { display:flex; }
#season #season_menu .detail .terms dl dt { background-color:#f7f0e1; font-size:79%; font-weight:600; padding:2px 5px 4px; }
#season #season_menu .detail .terms dl dd { font-size:85%; margin-left:10px; padding:2px 5px; }
#season #season_menu .detail .terms dl dd u {}
#season #season_menu .detail .terms dl dd span {}
#season #season_menu .detail .special_price { border:2px solid #e60012; margin-top:15px; }
#season #season_menu .detail .special_price h5 { background-color:#e60012; color:#fff; font-weight:600; padding:5px 5px 7px; }
#season #season_menu .detail .special_price dl { align-items:center; display:flex; justify-content:flex-start; text-align: left; padding:0 10px 10px; }
#season #season_menu .detail .special_price dl:nth-child(2) { padding:10px; }
#season #season_menu .detail .special_price dl dt { flex:0 0 auto; }
#season #season_menu .detail .special_price dl dd { flex:1 0 auto; margin-left:10px; }
#season #season_menu .detail .special_price dl dd span:first-child { text-decoration: line-through; }
#season #season_menu .detail .special_price dl dd span:nth-child(2) { color:#e60012; font-weight:600; }

#season #season_menu ol { align-items:flex-start; display:flex; flex-wrap:wrap; justify-content:space-between; border-top:none; padding:0; }
#season #season_menu ol li { border-bottom:1px dotted #ccc; padding:30px 0; flex:0 0 50%; }
/*#season #season_menu ol li:nth-child(odd) { padding:30px 4% 30px 0; }*/
/*#season #season_menu ol li:nth-child(even) { padding:30px 0 30px 4%; }*/
#season #season_menu ol li dl { align-items: flex-start; display:flex; justify-content:flex-start; }
#season #season_menu ol li dl dt { max-width:100%; width:100%; }
#season #season_menu ol li dl dt.main { max-width:100%; width:50%; }
#season #season_menu ol li dl dt img { width:100%; height:auto; }
#season #season_menu ol li dl dt.main span.option {
background-image:url(../takeout/images/p_roast_beef.png);
background-repeat:no-repeat;
background-position:left top;
background-size:160px 114px;
background-color:#74341a;
padding:30px 10px 30px 170px;
color:#fff;
font-size:85%;
text-align:left;
display:flex;
align-items:center;
}


#season #season_menu ol li dl dd { flex-basis:100%; padding:0 0 0 20px; }

#season #season_menu ol li dl dd .takeout_menu_content {
/*align-items: flex-start;*/
/*display:flex;*/
/*justify-content:space-between;*/
}
#season #season_menu ol li dl dd .takeout_menu_content .title {
/*align-items: center;*/
/*display:flex;*/
font-size:150%;
font-weight:600;
text-align:left;
}
#season #season_menu ol li dl dd .takeout_menu_content .title span.name {
color:#333;
display:block;
font-size:100%;
font-weight:600;
margin-top:10px;
}

#season #season_menu ol li dl dd .takeout_menu_content .status {
align-items:center;
display:flex;
justify-content:flex-end; 
text-align:center;
}
#season #season_menu ol li dl dd .takeout_menu_content .status span {
background-color:#0066cc;
border-radius:3px;
color:#fff;
display:inline-block;
font-size:69%;
padding:5px 8px;
margin-left:10px;
}
#season #season_menu ol li dl dd .takeout_menu_content .title span.sub { font-size:72%; margin-top:0; }
#season #season_menu ol li dl dd .takeout_menu_content .title span.sub br { display:none; }

#season #season_menu ol li dl dd .takeout_menu_content .status span.lunch { background-color:#cc6600; }
#season #season_menu ol li dl dd .takeout_menu_content .status span.red { background-color:#ff3300; }
#season #season_menu ol li dl dd .takeout_menu_content .status span.dinner { background-color:#000066; }
#season #season_menu ol li dl dd .takeout_menu_content .status span.quality { background-color:#996600; }
#season #season_menu ol li dl dd .takeout_menu_content .status span.reasonable { background-color:#339933; }
#season #season_menu ol li dl dd .takeout_menu_content .status span.family { background-color:#6633cc; }

#season #season_menu ol li dl dd .takeout_menu_content span.jenre {
background-color:#eee;
border-radius:6px;
color:#1a1a1a;
display:block;
font-size:69%;
font-weight:600;
margin-left:0;
padding:5px 8px;
}

#season #season_menu ol li dl dd .takeout_menu_price { align-items:center; display:flex; justify-content:flex-start; margin-top:5px; }
#season #season_menu ol li dl dd .takeout_menu_price .price { align-items:center; display:flex; justify-content:flex-start; }
#season #season_menu ol li dl dd .takeout_menu_price .price span {}
#season #season_menu ol li dl dd .takeout_menu_price .price span:first-child { color:#c00; font-size:138%; font-weight:600; }
#season #season_menu ol li dl dd .takeout_menu_price .price span:first-child i { font-size:85%; }
#season #season_menu ol li dl dd .takeout_menu_price .price span:nth-child(2) { font-size:85%; font-weight:600; padding-top:3px; padding-left:3px; }
#season #season_menu ol li dl dd .takeout_menu_price .serving { font-size:69%; }
#season #season_menu ol li dl dd .takeout_menu_price .serving span {}

#season #season_menu ol li dl dd .amount dl { align-items:center; justify-content:flex-start; padding:5px 0 0; width:100%; }
#season #season_menu ol li dl dd .amount dl dt { flex-basis:5em; font-size:85%; text-align:left; }
#season #season_menu ol li dl dd .amount dl dd { padding:0 0 0 20px; text-align:left; }
#season #season_menu ol li dl dd .amount dl dd div { display:inline-block; position:relative; }
#season #season_menu ol li dl dd .amount dl dd div:before {
font-family: "FontAwesome";
color:#999;
content:'\f106';
position:absolute;
font-size:69%;
right:10px;
top:7px;
z-index: 1;
font-style:solid;
font-weight: 400;
}
#season #season_menu ol li dl dd .amount dl dd div:after {
font-family: "FontAwesome";
color:#999;
content:'\f107';
position:absolute;
font-size:69%;
font-style:solid;
right:10px;
bottom:7px;
z-index: 1;
font-style:solid;
font-weight: 400;
}
#season #season_menu ol li dl dd .amount dl dd div.soldout:before,
#season #season_menu ol li dl dd .amount dl dd div.soldout:after { content:none; }
#season #season_menu ol li dl dd .amount dl dd div.soldout span { color:#f00; }

#season #season_menu ol li dl dd .amount dl dd select {
position:relative;
border: 1px solid #ccc;
border-radius: 3px;
padding: 10px 15px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position:relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#season #season_menu ol li .input_area { margin-top:15px; }
#season #season_menu ol li .input_area label { display:block; position:relative; }
#season #season_menu ol li .input_area label span { padding-right:10px; }
#season #season_menu ol li .input_area label input {
border: 1px solid #ccc;
border-radius: 3px;
padding: 15px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

#season .info { padding:15px 15px 15px; }
#season .info dl { display:flex; justify-content:center; align-items:center; }
#season .info dl dt { border:1px solid #999; border-radius:30px; color:#1a1a1a; padding:16px 24px 16px 28px; font-size:100%; font-weight:600; text-align:center; }
#season .info dl dd { font-weight:600; padding-left:10px; }
#season .info p { color:#c00;  font-size:116%; margin-top:30px; }

#season .payment { padding:25px 15px 15px; }
#season .payment dl {}
#season .payment dl dt { font-size:85%; }
#season .payment dl dd { border:1px solid #ccc; border-radius:3px; display:inline-block; margin-top:20px; padding:10px 30px; font-size:85%; }
#season .payment dl dd p { font-size:85%; margin-bottom:10px; }
#season .payment dl dd img { width:240px; height:auto; }

#season .btn { margin:40px auto 20px; }
#season .btn ul {}
#season .btn ul li {
background-color: #f1f1f1;
border-radius: 2px;
box-shadow: 0px 0px 2px 1px #dddddd inset;
-moz-box-shadow: 0px 0px 2px 1px #dddddd inset;
-webkit-box-shadow: 0px 0px 2px 1px #dddddd inset;
margin:0 auto 0;
padding: 5px;
display:inline-block;
vertical-align:top;
}
/*#season .btn ul li:first-child { margin-top:30px; }*/

#season .btn ul li span {
border: 2px solid #4a9baa;
border-radius: 2px;
display: block;
position:relative;
}
#season .btn ul li input {
background: #5ec5d7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYzVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOGEwYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #5ec5d7 0%, #28a0b6 100%);
background: -webkit-linear-gradient(top, #5ec5d7 0%,#28a0b6 100%);
background: linear-gradient(to bottom, #5ec5d7 0%,#28a0b6 100%);
border-radius: 2px;
border: none;
box-shadow: 0px 0px 2px 0px #ffffff inset;
-moz-box-shadow: 0px 0px 2px 0px #ffffff inset;
-webkit-box-shadow: 0px 0px 2px 0px #ffffff inset;
display: block;
font-size: 116%;
font-weight: 600;
padding: 15px 80px;
text-shadow: none;
color: #fff;
position: relative;
width:100%;
}
#season .btn ul li input:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYzVkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOGEwYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #28a0b6 0%, #5ec5d7 100%);
background: -webkit-linear-gradient(top, #28a0b6 0%,#5ec5d7 100%);
background: linear-gradient(to bottom, #28a0b6 0%,#5ec5d7 100%);
}
#season .btn ul li span:before {
content: url(../takeout/images/i_btn.png);
position: absolute;
width: 20px;
height: 20px;
left: 15px;
top: 50%;
margin-top:-10px;
z-index: 3;
}

#season .btn ul li.fix {
background-color: #f1f1f1;
border-radius: 2px;
box-shadow: 0px 0px 2px 1px #dddddd inset;
-moz-box-shadow: 0px 0px 2px 1px #dddddd inset;
-webkit-box-shadow: 0px 0px 2px 1px #dddddd inset;
margin:0x 30px 0 0;
padding: 5px;
display:inline-block;
}
#season .btn ul li.fix span {
border: 2px solid #ccc;
border-radius: 2px;
display: block;
position:relative;
}
#season .btn ul li.fix span a {
background: #ececec;
background: -moz-linear-gradient(top, #f0f0f0 0%, #ececec 100%);
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ececec 100%);
background: linear-gradient(to bottom, #f0f0f0 0%,#ececec 100%);
border-radius: 2px;
border: none;
box-shadow: 0px 0px 2px 0px #ffffff inset;
-moz-box-shadow: 0px 0px 2px 0px #ffffff inset;
-webkit-box-shadow: 0px 0px 2px 0px #ffffff inset;
display: block;
font-size: 100%;
font-weight: 600;
padding: 15px 80px;
text-shadow: none;
text-decoration:none;
color: #555;
position: relative;
width:100%;
}

#season .btn ul li img { width:auto; max-height:160px; }

#season #season_menu p { color:#333; text-align:left; margin-top:10px; line-height:1.8; font-size:85%; }
#season #season_menu p span.content {
align-items: center;
display:flex;
justify-content:flex-start;
}
#season #season_menu p span.content span {
display:inline-block;
margin-left:10px;
}
#season #season_menu p span.content span:first-child {
background-color:#eee;
border-radius:2px;
font-size:85%;
line-height:1.2;
margin-left:0;
padding:3px 5px;
flex:0 0 60px;
text-align:center;
}

#season #season_menu .note { background-color:#ffefef; color:#c00; font-size:79%; margin:0; line-height:1.6; padding:10px 20px; text-align:left; }
#season #season_menu .add { background-color:#f1ffef; color:#333; font-size:79%; margin:10px 0; line-height:1.6; padding:10px 20px; text-align:left; }

#season #customer_info { padding:20px 0; }
#season #customer_info h2 {}
#season #customer_info ol { display:block; padding:20px 0 0; }
#season #customer_info ol li { border-bottom:none; padding:0; width:100%; }
#season #customer_info ol li:nth-child(odd),
#season #customer_info ol li:nth-child(even) { padding:0; }
#season #customer_info ol li dl { background-color:#efefef; border-bottom:1px solid #ccc; display:block; }
#season #customer_info ol li:first-child dl { border-top:1px solid #ccc; }
#season #customer_info ol li dl dt { border-top:none; flex-basis:100%; padding:0 20px; text-align:left; max-width:30%; width:auto; padding:15px; }
#season #customer_info ol li dl dd { background-color:#fff; flex-basis:100%; text-align:left; padding:20px; }
/*#season #customer_info ol li dl dd .tel { margin-top:10px; }*/
#season #customer_info ol li dl dd .tel p { margin-top:0; }
#season #customer_info ol li dl dd .tel span { padding:0 10px; }
#season #customer_info ol li dl dd .mail { margin-top:10px; }
#season #customer_info ol li dl dd .date_select { align-items:center; display:flex; justify-content:flex-start; position:relative; }
#season #customer_info ol li dl dd .date_select div { margin-right:20px; position:relative; display:inline-block; }
#season #customer_info ol li dl dd .date_select div:before {
font-family: "FontAwesome";
color:#999;
content:'\f106';
position:absolute;
font-size:69%;
right:3em;
top:7px;
z-index: 1;
font-style:solid;
font-weight: 400;
}
#season #customer_info ol li dl dd .date_select div:after {
font-family: "FontAwesome";
color:#999;
content:'\f107';
position:absolute;
font-size:69%;
right:3em;
bottom:7px;
z-index: 1;
font-style:solid;
font-weight: 400;
}
#season #customer_info ol li dl dd .date_select div span { padding-left:5px; }
#season #customer_info ol li dl dd .date_select select { border:1px solid #ccc; display:inline-block; padding:10px 25px 80px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#season #customer_info { padding:20px 0; }
#season #customer_info h2 {}
#season #customer_info ol { border-bottom:1px solid #ddd; display:block; padding:20px 0 0; }
#season #customer_info ol li { border-bottom:none; padding:0; width:100%; }
#season #customer_info ol li:nth-child(odd),
#season #customer_info ol li:nth-child(even) { padding:0; }
#season #customer_info ol li dl { align-items:center; background-color:#efefef; border-top:1px solid #ddd; border-bottom:none; display:flex; justify-content:flex-start; }
#season #customer_info ol li:first-child dl { border-top:1px solid #ddd; }
#season #customer_info ol li dl dt { flex-basis:auto; padding:0 20px; text-align:right; width:278px; padding:15px; }
#season #customer_info ol li dl dd { background-color:#fff; flex:1 0 auto; text-align:left; padding:20px; }
/*#season #customer_info ol li dl dd .tel { margin-top:10px; }*/
#season #customer_info ol li dl dd .tel p { margin-top:0; }
#season #customer_info ol li dl dd .tel span { padding:0 10px; }
#season #customer_info ol li dl dd .mail { margin-top:10px; }

#season #customer_info ol li dl dd .date_select { align-items:center; display:flex; justify-content:flex-start; position:relative; }
#season #customer_info ol li dl dd .date_select div { margin-right:20px; position:relative; display:inline-block; }
#season #customer_info ol li dl dd .date_select div:before {
font-family: "FontAwesome";
color:#999;
content:'\f106';
position:absolute;
font-size:69%;
right:3em;
top:7px;
z-index: 1;
font-style:solid;
font-weight: 400;
}
#season #customer_info ol li dl dd .date_select div:after {
font-family: "FontAwesome";
color:#999;
content:'\f107';
position:absolute;
font-size:69%;
right:3em;
bottom:7px;
z-index: 1;
font-style:solid;
font-weight: 400;
}
#season #customer_info ol li dl dd .date_select div span { padding-left:5px; }
#season #customer_info ol li dl dd .date_select select { border:1px solid #ccc; display:inline-block; padding:10px 25px; }

/*--- input ---*/
input[type="text"] { border:1px solid #ccc; padding:10px; }
input[type="text"].short { width:100px; }
input[type="text"].middle { width:300px; }
input[type="text"].long { width:100%; }

/*--- radio ---*/
.radio01-input { display: none; }
.radio01-parts {
display:inline-block;
position:relative;
padding:5px 40px;
border-radius:8px;
margin-right:10px;
}
.radio01-parts::before {
background-color:#fff;
content: "";
display: block;
position: absolute;
top: 7px;
left: 7px;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
.radio01-input:checked + .radio01-parts { color: #009a9a; }
.radio01-input:checked + .radio01-parts::after{
content: "";
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 11px;
height: 11px;
background:#009a9a;
border-radius: 50%;
}

#season .btn ul li.sp { display:none; }

.conversion {
background-position: right bottom;
padding: 0;
width:100%;
}

p.error {
font-weight: bold !important;
color: red !important;
font-size: medium !important;
}
p.error:before {
	content:"！";
}

/*-------------------------------------------------------
confirm
-------------------------------------------------------*/
#season.confirm {}
#season.confirm .lead { font-size:93%; padding:20px 10px 0; line-heihgt:1.6; }
#season.confirm #season_menu ol li dl { align-items:center; }
#season.confirm #season_menu ol li dl dt.main { flex: 0 0 30%; }
#season.confirm #season_menu ol li dl dd .takeout_menu_content .title span.name { font-size:79%; margin-top:0; }
#season.confirm #season_menu ol li dl dd .takeout_menu_content .title span.name br { display:none; }
#season.confirm #season_menu ol li dl dd .takeout_menu_content .status { display:none; }
#season.confirm #season_menu ol li dl dd .takeout_menu_price {}
#season.confirm #season_menu ol li dl dd .takeout_menu_price .serving { display:none; }
#season.confirm #season_menu ol li dl dd .amount dl { padding:5px 0 0; }
#season.confirm #season_menu ol li dl dd .amount dl dt { flex-basis: 5em; }
#season.confirm #season_menu ol li dl dd .amount dl dd {}
#season.confirm #season_menu p { display:none; }
#season.confirm #season_menu ol li .input_area { display:none; }
#season.confirm #season_menu ol li .note { display:none !important; }
#season.confirm #season_menu h4 { display:none; }
#season.confirm #season_menu ol li dl dd .takeout_menu_content .title span.sub { font-size:12px; margin-top:0; }
#season.confirm #season_menu ol li dl dd .takeout_menu_content .title span.sub br { display:none; }
#season.confirm #season_menu .note { display:none !important; }
#season.confirm #customer_info ol li dl dd .date_select div:before { content:none; }
#season.confirm #customer_info ol li dl dd .date_select div:after { content:none; }

/*-------------------------------------------------------
thanks
-------------------------------------------------------*/
.thanks { padding:20px 20px 0 20px; }
.thanks p { margin-bottom:30px; line-height:1.6; }
.thanks div { padding:0 20px; }
.thanks div img { width:389px; height:auto; max-width:100%; }

.sp { display:none; }
.pc { display:block; }
.hide { display:none; }

/**-----
 validate error
 */
.validate-error {
	border: 1px solid #ec141f;
	background-color: #fcdcdd;
	color:red;
	padding: 20px 10px;
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
}