html{}
#order a{ transition:ease .5s all;}
#order a:hover{ opacity:0.7;}
#orderMain{ background: url(./img/order/main_img.jpg) center top no-repeat; background-size:cover;}
article#orderWrap{ overflow:hidden; position:relative; padding-top:141px; background:#FFFACE;  margin-bottom:60px;}
.orderMain_h1 {overflow: hidden; height: 0px;}
.orderMain_logo{ text-align:center; width:100%; padding:100px 0; }
.orderMain_logo img{ max-width:794px; width:90%;}
#orderContact,#orderContact2{ background:#FFE300; padding:30px 0 25px; text-align:center; position: absolute; top: 0; width: 100%;}
#orderContact2{ position:fixed; bottom:-300px; transition:ease .6s all; top:auto; z-index:200}
#orderContact2.Tanm{  bottom:0; top:auto; z-index:1; display:block;}
.orderContact_in{ width:98%; max-width:1000px; margin:0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: space-between;}
.orderContact_in a.link{ height:86px; display:inline-block;}
.orderContact_in a.link img{ height:100%; width:auto;}
.orderContent{}
.orderContent_wrap{ width:100%; padding:80px 0; background:#FFFACE; position:relative;}
#orderContent01.orderContent_wrap{ padding:120px 0 80px}
#orderContent02.orderContent_wrap,#orderContent06.orderContent_wrap{ background:#FF6200}
.orderContent_in{ max-width:1000px; width:98%; margin:0 auto; }
.orderContent_in h2.title{ width:100%; margin:0 auto 40px; text-align:center}
.orderContent_in h2.title img{ max-width:878px; width:96%;}
.oC_list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: space-between;}
.oC_list.olist01{ max-width:860px; width:100%; margin:0 auto }
.oC_list.olist01 .box01{ width:48%; background:#fff; border-radius:10px; box-shadow:4px 3px 12px -3px #888888; overflow:hidden; margin-bottom:35px;}
.orderContent_in h3.sub_tilte{ text-align:center; margin:0 auto 20px;}
.orderContent_in h3.sub_tilte img{ width:100%; max-width:717px;}
.oC_list.olist01 .box01:nth-child(n+3){ margin-bottom:0;}
.oC_list.olist01 .box01 h3{ background:#FFE300; color:#762D00 ; font-size:22px; padding:15px 0; text-align:center;}
.oC_list.olist01 .box01 .box01_in{ padding:30px; }
.oC_list.olist01 .box01 .box01_in .img{ margin-bottom:10px;}
.oC_list.olist01 .box01 .box01_in img{ width:100%;}
.oC_list.olist01 .box01 .box01_in p.txt{ font-size:18px; margin-bottom:20px;}
.oC_list p.link a{background: url(./img/btn_bg_01.png) no-repeat 95% center,#e60012; background-size:5px, auto; color:#fff; max-width:240px; display:block; width:100%; margin:0 auto; text-decoration:none; text-align:center; padding:15px 0; border-radius:5px; font-weight:normal;}
.bent_img{ position:absolute; top:-20px; transition:all 1s; z-index:20;}
.bent_img img{ width:313px; }
.bent_img.img01{ right:-400px;}
.bent_img.img01.Tanm{ right:-100px;}
.bent_img.img02{left: -400px; top: -90px;}
.bent_img.img02.Tanm{left: -40px;}
.bent_img.img02 img{ width:251px;}
.bent_img.img03{ top:-80px; right:-400px;}
.bent_img.img03.Tanm{right:-100px;}
.bent_img.img03 img{ width:311px;}
.bent_img.img04{ top: -80px; right:auto; left: -400px;}
.bent_img.img04.Tanm{ left:-50px}
.bent_img.img04 img{ width:216px;}
.oC_list.olist02{ width:860px; margin:0 auto}
.oC_list.olist02 .box01{ width:48%;}
.oC_list.olist02 .box01 img{ width:100%;}
.oC_list.olist03{ background:#fff; padding:30px 80px; border-radius:10px; max-width:860px; width:100%; margin:0 auto;}
.oC_list.olist03 .box01{ width:160px; background:; margin-bottom:20px;}
.oC_list.olist03 .box01 a{background: url(./img/btn_bg_01.png) no-repeat 95% center,#FF8900; background-size:7px, auto; color:#fff; max-width:260px; display:block; width:100%; margin:0 auto; text-decoration:none; text-align:center; padding:20px 0; border-radius:10px; font-size:20px; font-weight:bold; letter-spacing:2px;}
#orderContent04.orderContent_wrap{ padding:40px 0; background:#FFE300}
.oC_list.olist03 .box01:nth-child(n+8){ margin-bottom:0;}
.oC_list.olist04{ max-width:860px; width:96%; margin:0 auto }
.oC_list.olist04 .box01{ width:100%;}
.oC_list.olist04 .box01:first-child{ margin-bottom:10px;}
.oC_list.olist04 .box01 img{ width:100%;}
.orderContent_box.box01{ width:96%; max-width:860px; margin:0 auto ;}
.orderContent_box.box02{ background:#fff; padding:40px; border-radius:10px; margin-top:40px; font-weight:bold;}
.orderContent_box.box02 h3{ color:#FF8900; font-size:30px; text-align:center; margin-bottom:20px;}
#orderContent06.orderContent_wrap{}
#orderContent06 .orderContent_in{ max-width:1000px; width:98%; background:#fff; padding:70px 50px; border-radius:10px;}
.oC_list.olist05{ max-width:860px; width:100%; margin:0 auto;}
.oC_list.olist05 .box01{ width:32%; max-width:270px; margin-bottom:40px;}
.oC_list.olist05 .box01 img{ width:100%;}
.oC_list.olist05 .box01 h3{ color:#55341D; font-weight:bold; font-size:20px; padding-bottom:10px; margin-bottom:15px; border-bottom:3px solid #55341D;}
.oC_list.olist05 .box01 p.bento_name{ font-weight:bold; margin:0 auto 10px; min-width:240px;  width:92%}
.oC_list.olist05 .box01 p.txt{  margin:0 auto 20px; min-width:240px;  width:92%}
.oC_list.olist05 .box01 p.img{ margin-bottom:10px;}
.oC_list.olist05 .box01:nth-child(n+4){ width:49%; max-width:415px; margin-bottom:0;}
.oC_list.olist05 .box01:nth-child(n+4) p.img{ text-align:center;}
.oC_list.olist05 .box01:nth-child(n+4) p.img img{ width:auto; max-height:170px; /*height:100%;*/ text-align:center;}
.oC_list.olist05 .box01:nth-child(n+4) p.img img.img01{ width:248px;}
.oC_list.olist05 .box01:nth-child(n+4) p.img img.img02{ width:283px;}
#footer{ padding:40px 0 170px;}
@media only screen and (max-width: 760px){

article#orderWrap{ padding:0;}
#orderMain{ background: url(./img/order/main_imgSP.jpg) center top no-repeat; background-size:cover;}
#orderContact{ position:relative;}
#orderContact2{ padding:10px 0 5px}
#orderContact2 .orderContact_in a.link:first-child{ margin-bottom:0px;}
#orderContact2.Tanm{ z-index:100;}
.orderContact_in{ width:92%;}
.orderContent_in{ width:92%;}
.orderContact_in a.link{ height:auto;}
.orderContact_in a.link img{ width:100% !important; height:auto;}
.orderContact_in a.link:first-child{ margin-bottom:10px;}
.bent_img img{ width:250px !important; height:auto;}
.oC_list.olist01{ width:100%;}
.oC_list.olist01 .box01{ width:100%; margin-bottom:30px !important;}
.bent_img.img01.Tanm{ right: -40px;}
.bent_img img{ width: 190px !important}
.bent_img.img02{ top:-70px;}
.orderContent_in h2.title{ margin:0 auto 30px;}
.oC_list.olist01 .box01 h3{ font-size:18px;}
.oC_list.olist01 .box01 .box01_in{ padding:5%;}
.oC_list.olist01 .box01 .box01_in p.txt{ font-size:14px;}
.oC_list.olist02{ width:100%;}
.oC_list.olist02 .box01{ width:100%; margin:0 auto 10px;}
.oC_list.olist03{ padding:5%;}
.oC_list.olist03 .box01{ width:48%; margin-bottom:5% !important;}
.oC_list.olist03 .box01:nth-child(n+10){ margin-bottom:inherit !important;}
.bent_img.img03.Tanm{ right:-50px; top:-70px;}
.bent_img.img04 img{ width:160px !important;}
.bent_img.img04{ top:-60px;}
#orderContent04.orderContent_wrap{ padding:70px 0;}
.orderContent_box.box02 { padding:5%}
.orderContent_box.box02 h3{ font-size:18px; text-align:left; border-bottom:2px solid #ddd; padding-bottom:10px;}
.orderContent_box.box02 li{ text-indent:-1em; padding-left:1em; font-size:13px; margin-bottom:5px;}
#orderContent06 .orderContent_in{ width:92%; padding:6%;}
.orderContent_in h2.title{ margin:0 auto 20px;}
.oC_list.olist05 .box01{ width:100% !important; margin:0 auto 30px !important; max-width:100%;}
.oC_list.olist05 .box01 h3{ font-size:18px;}
.oC_list.olist05 .box01 p.img{ width:80%; margin:0 auto 20px;}
.oC_list.olist05 .box01:last-child{ margin:0 auto !important;}
.oC_list.olist05 .box01:nth-child(n+4) p.img img{ width:100%; height:auto; min-height:inherit; max-height: inherit;}
.stepimg{ width:70%; margin:0 auto;}
}