@charset "utf-8";*{margin:0px;padding:0px;}
/*html{font-size:62.5%;}*/
/*body{font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size:1.6rem; font-weight:500;}*/

html {
  scroll-behavior: smooth;
}

body{font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
}

body{clear:both;width:100%;margin:auto;line-height:1.5;position:relative;padding:40px auto;}
img{border:none;}
#Lheader{clear:both;width:800px;height:165;padding-right:10px;background:url(../img/head_bg.jpg) no-repeat 0 25px;}
#Lheader div.headnavi{clear:both;width:800px;height:60px;padding-top:0;padding-right:10px;}
#Lheader h1{height:1.8rem;font-size:1.4rem;font-weight:normal;color:#009900;position:absolute;text-align:right;}
#Lheader h1 span, .sp_h1 span{display:inline-block;}
#Lheader a.toplogo{width:320px;height:60px;display:block;z-index:1;float:left;}
#Lheader a.toplogo span{z-index:-1;position:relative;top:5px;width:300px;height:40px;}
ul.uemenu{float:right;height:40px;margin:40px 0px 0px 45px;padding-right:10px;list-style-type:none;}
ul.uemenu li{float:left;}
ul.uemenu li a{height:27px;float:left;font-size:11px;}
ul.uemenu li a:hover{text-decoration:underline;}
li.hn01 a{width:90px;padding:13px 0px 0px 40px;display:block;background:url(../img/top_cartnaka.gif) no-repeat;}
li.hn02 a{width:60px;padding:13px 0px 0px 45px;display:block;background:url(../img/top_qa.gif) no-repeat;}
li.hn03 a{width:75px;padding:13px 0px 0px 45px;display:block;background:url(../img/top_sitemap.gif) no-repeat;}
ul.sitamenu{float:right;width:360px;height:25px;margin:0 20px 0 420px;padding:12px 0px 0px;list-style-type:none;}
ul.sitamenu li{float:left;color:#ffffff;font-size:11px;}
.search{display:none;}
#main{z-index:2;}
#error{padding:20px 16px;color:#000;background:#fc3;}
#error p{font:normal 16px/30px Meiryo,sans-serif;}
#error a{color:#f00;text-decoration:underline;}
#error a:hover{color:#fff;background:#448822;}
#pagebody{width:100%;clear:both;margin:0 auto;padding-right:10px;z-index:-1;}
nav section{font-size:1.2rem;}
nav p.all{margin:10px 4px;}
nav p.all a{background:url(../img/menuall_bg.gif) no-repeat;width:160px;height:18px;padding:6px 6px;display:block;}
nav p.all a:hover{background:url(../img/menuall_bg.gif) no-repeat 0px -30px;}
nav dl{margin:10px 4px;}
nav dt{background:url(../img/menu_bg.gif) no-repeat;padding:7px 6% 0px;margin:3px 1px 0px;height:23px;}
nav dd{margin:1px 3%;}
nav dd.nallow a{background:url(../img/menu01.gif) no-repeat;display:block;padding:4px 0px 0px 25px;height:21px;}
nav dd.wide a{background:url(../img/menu01-b.gif) no-repeat;display:block;padding:5px 0px 5px 25px;height:40px;}
nav dd.nallow a:hover{background-image:url(../img/menu02.gif);text-decoration:none;}
nav dd.wide a:hover{background-image:url(../img/menu02-b.gif);text-decoration:none;}
section h3{display:none;}
.r_search{width:130px;margin:20px auto;text-align:center;border:solid 1px black;padding:5px;}
.r_search input[type=text]{width:120px;margin:8px auto;}
.r_menu li{width:130px;height:40px;display:block;}
.rm01, .rm02, .rm03, .rm04, .rm11, .rm12, .rm13, .rm21, .rm22, .rm31, .rm32 {text-align:center;background:#149e87;border-radius:6px;margin:3px 0;padding-top:10px;height:30px !important;font-size:14px;color:white;}
.r_menu li a{color:white !important;text-decoration:none !important;}
.r_menu li a:hover{color:greenyellow!important;text-decoration:none !important;}
nav section .member{border:1px solid #0033cc;width:160px;margin:10px 4px;}
nav section .member h3{display:block !important;background:#2a4cb2;color:#fff;font-size:12px;margin:0px;padding:4px 5px 3px;text-align:center;}
nav section .member div{background:url(../img/menber_b.gif) top left no-repeat;}
nav section .member p{margin:0px;padding:5px;background:url(../img/menber_b.gif) no-repeat;}
nav section .member ul{padding:0px 12px 3px;list-style-type:none;text-align:center;font-weight:bold;width:80%;margin:0 auto;}
nav section .member li{padding:1px 0;}
li.submit a{background:#ff7a21;display:block;height:23px;padding-top:4px;margin-bottom:1px;}
li.submit a:hover{background:#fc993e;}
li.logon a{background:#109d3f;display:block;height:23px;padding-top:4px;}
li.logon a:hover{background:#33bf5f;}
.combox{border:1px solid #ff6600;width:160px;margin:0px 4px 10px;}
.combox h3{display:block !important;color:#fff;background:#ff6600;font-weight:900;margin:0px;padding:5px;font-size:12px;text-align:center;}
.combox h4{color:#ff6600;margin:0px;padding:5px;font-size:13px;text-align:center;}
.combox p{margin:0px;padding:0px 10px 5px;}
#entry{width:100%;height:auto;clear:both;background-color:#fff;}
#entrywide{width:100%;height:auto;clear:both;padding:0 !important;}
h3.mem_bl{border-bottom:1px dotted #0066cc;color:#0066cc;font-size:14px;}
div.screen{/*border:1px solid #c0c0c0;width:90%;max-width:608px;height:auto;*/width:98%;margin:0 auto 4px;}
div.holiday{border:1px solid #f00;margin:10px;padding:10px;background:#FEEFFC;}
div.eventinfo {border:1px solid green !important;margin:10px;padding:10px;background:#DAE1F9 !important;}
div.eventinfo h2 {color:green; font-size:16px;margin-bottom:0;}
div.eventinfo p {padding:4px 0 0 0;}
ul.ar_gr li{font-size:1.3rem;}
.recommend{width:90%;margin:0 5%;over-flow:hidden;display:table;table-layout:fixed;}
.recommend a{display:table-cell;width:80px;height:80px;margin-right:3px;vertical-align:middle;text-align:center;}
.recommend img{display:block;max-width:80px;max-height:80px;}
#footer{clear:both;width:100%;height:20px;background:url(../img/footer_bg.jpg) no-repeat;background-size:contain;z-index:1;}
#footer p{/*z-index:-1;position:relative;margin:0px; font-size:4px;*/visibility:hidden;}
a:link{color:#333333;text-decoration:none;}
a:active{text-decoration:none;color:#333333;}
a:visited{text-decoration:none;color:#333333;}
/*a:hover{text-decoration:underline;color:#333333;}*/
a:link.wh{color:#fff;}
a:hover.wh{color:#fff;}
a:active.wh{color:#fff;}
a:visited.wh{color:#fff;}
a:link.dbl{color:#014d73;text-decoration:underline;}
a:hover.dbl{color:#014d73;text-decoration:none;}
a:active.dbl{color:#014d73;text-decoration:none;}
a:visited.dbl{color:#014d73;text-decoration:underline;}
a:hover.toplogo{text-decoration:none;color:#333333;}
#entry{text-align:center;position:relative;}
#entry .bnr{display:block;margin:4px auto;}
#entry .bnr img{width:98%;max-width:608px;height:auto;margin:0 auto;}
#entry .left{font-size:1.5rem;width:92%;max-width:600px;text-align:left;padding:2% 4%;}
#entry h2 img{position:absolute;top:0;right:20px;z-index:10;width:20%;margin:0 auto;}
#entry h3{text-align:left;margin:0 auto;width:98%;}
#entry table{border:solid 1px #006600;border-collapse:collapse;width:98%;margin:4px auto;}
#entry table tr td{border:solid 1px #006600;padding:2px 4px;}
#entry table tr:first-child{background:rgba(192,225,187,1.00);}
#entry table tr td:first-child{text-align:left;}
#entry .pagetop, #entrywide .pagetop{visibility:hidden;}
#entrytop table, #entrytop2 table{border:none;}
#entrytop table tr td, #entrytop2 table tr td{border:none;}
#entrytop table tr:first-child, #entrytop2 table tr:first-child{background-color:#fff;}
#entrytop table tr td:first-child, #entrytop table tr td:first-child {text-align:center;}
.news{width: 94%;
    max-width: 608px;
    padding:0;
    margin:0 auto 16px;}
.news h2{background:#ff9900;padding:8px;color:#ffffff;font-size:16px;}
.news ul{text-align:left;height:400px;overflow:scroll;border:1px solid #00d1b2;background:#FFF;padding:5px; margin-left:0.5rem;}
.news li{border-bottom:1px dotted #666666;padding-bottom:3px;margin-bottom:3px;clear:both;height:auto;font-size:0.7rem;}
.news li a{font-size:0.7rem; text-decoration: none !important;}
span.bold_red{color:#000;font-weight:700;font-size:0.8rem;}
h3.osusume{background:#ff6600;margin:10px;padding:5px;color:#ffffff;font-size:14px;}
#entrytop table.toptable, #entrytop2 table.toptable{margin:10px auto;width:90%;}
#entrytop .toptable td, #entrytop2 .toptable td{text-align:center;padding:3px;width:28% !important;}
#entrytop .toptable img, #entrytop2 .toptable img{border:none;width:100%;max-width:140px;}
.top_oBox{border-top:1px solid #ff6600;width:420px;height:120px;padding:5px;margin:0px 5px;}
.top_oBox h3{background:#00ccff;width:244px;float:right;font-size:14px;padding:3px;color:#ffffff;}
.top_oBox img{float:left;border:none;}
.top_oBox p{width:250px;float:right;padding:5px 0px 0px;}
div.youto{height:auto;text-align:center;}
.youto h2{padding:5px;background-color:#99ff66;font-size:16px;margin:10px 10px 0px;}
.youto ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;text-align:center;margin:5px auto;width:94%;}
.youto li{min-width:145px;font-size:12px;text-align:left;float:left\9;}
.youto a:link{color:#333333;}
.youto a:hover{text-decoration:underline;}
.youto a:active{text-decoration:underline;}
.youto a:visited{color:#333333;}
.tyousyoku{text-align:center;width:90%;margin:10px auto;padding:5px;display:table;border:solid 1px #00d1b2;}
.machine{display:table-cell;width:40%;}
.machine img{width:100%;max-width:300px;}
.t_shina{display:table-cell;vertical-align:middle;font-weight:bold;width:40%;}
.tyousyoku ul{list-style-type:none;margin-left:10px;}
p.oyasumi{border:2px solid #CC0000;color:#333333;font-size:14px;line-height:20px;margin:10px auto 20px;padding:10px;width:570px;}
p.oyasumi strong{color:#990000;}
.Ftrap{display:none;}
.stockout{display:block;width:94%;font-weight:500;padding:4px;border:solid 2px rgba(207,38,41,1.00);border-radius:4px;color:rgba(207,38,41,1.00);margin:6px auto;}
.notice{position:absolute;top:180px;right:50px;float:right;width:250px;height:38px;padding:10px;font-weight:900;border:solid 1px red;}
.notice span{color:red;}
.top_info{position:absolute;top:230px;left:280px;float:right;width:230px;height:54px;padding:10px;font-weight:900;border:solid 1px red;border-radius:10px;background-color:#E12F31;color:white;font-size:14px;text-align:center;}
#topcase{width:96%;margin:auto;}
#ttl{width:100%;}
#ttl p{line-height:1.2;margin:0.2rem 2%;}
#ttl img{vertical-align:middle;}
#tnav{display:table;width:98%;}
#tnav >ul{display:table-cell;width:35%;padding-left:4%;}
#tnav #face{display:table-cell;text-align:center;}
#face img{border:1px solid white !important;}
.wideimg{width:100%;}
#cl_sample{margin-bottom:20px;}
#cl_sample tr, #cl_sample td{border:solid 1px #ccc !important;}
#cl_sample td:first-child, .cl_table tr td:first-child{text-align:center !important;}
#cl_sample tr{width:100%;height:40px;}
#cl_sample td{width:25% !important;font-size:1rem;text-align:center;vertical-align:middle;}
#cl_sample td span{color:white;}
#cl_sample span{display:block;margin:0 auto;padding:8px;}
.c_note{margin-left:40px;}
.c_note li{color:#ff3300;font-size:larger;font-weight:500;line-height:1.8;}
.c_note a{background:#3399ff;padding:5px;margin:0px 5px;color:#ffffff;border-radius:2px;}
.c_note span{display:block;color:#3a79c9;font-weight:900;font-size:1em;margin:0 2em;}
#two_col{display:flex;display:table\9;width:100%;max-width:600px;margin:10px auto;}
#two_col span{display:none;}
.tel_r, .fax_r{display:block;display:table-cell\9;background-size:contain;width:100%;width:50%\9;border:solid 1px white;}
.tel_r a{width:100%;max-width:300px;padding-top:40%;display:block;background:url(../img/tel_top.jpg) no-repeat;background-size:contain;}
.tel_r a:hover{width:100%;max-width:300px;padding-top:40%;display:block;background:url(../img/tel_top_on.jpg?171117) no-repeat;background-size:contain;}
.fax_r a{width:100%;max-width:300px;padding-top:40%;display:block;background:url(../img/fax_top.jpg) no-repeat;background-size:contain;}
.fax_r a:hover{width:100%;max-width:300px;padding-top:40%;display:block;background:url(../img/fax_top_on.jpg) no-repeat;background-size:contain;}

#page-touroku{width:60%;display:block;text-align:center;margin:0 auto;}
#page-touroku a{background-color:#ff7a21;text-decoration:none;color:#fff;padding:6px 0;text-align:center;display:block;border-radius:5px;box-shadow:4px 4px 2px rgba(255,255,255,0.5);}
#page-touroku a:hover{background:rgba(252,153,62,0.5);box-shadow:2px 2px 10px rgba(0,0,0,0.4);}
.direct_fee{width:96%;max-width:600px;height:auto;margin:auto;border:solid 4px red;border-radius:10px;padding:4px 0;background:#FBE363;font-size:12px;}
.direct_fee h3{padding:1px 8px;font-size:14px;font-weight:700;display:block;}
.direct_fee h3 a{color:rgba(227,20,23,1.00)}
.mem_top{font-size:18px;font-weight:700;text-align:center;margin:0 auto !important;}
.logint{font-size:16px;text-align:center;margin:0 auto;width:300px !important;}
.logint tr td{padding:3px !important;}
h2.mem_top, h2.mem_top2{width:60%;height:40px;font-size:16px;font-weight:900;color:#fff;background-color:#44b88b;margin:0 auto 16px !important;padding:8px 10px 0;}
h3.mem_or{border-bottom:1px dotted #ff6600;color:#ff6600;font-size:14px;font-weight:700;}
h3.mem_bl{border-bottom:1px dotted #0066cc;color:#0066cc;font-size:14px;text-indent:0.5rem;}
div.mem_waku{background:#ffffc1;border:1px solid #ff6600;width:94%;margin:10px auto 20px;padding-bottom:10px;}
div.mem_waku p{width:94%;padding:4px 10px 0;text-align:center !important;}
h3.mem_or +p, h3.mem_bl +p, h3.mem_bl +ol{text-align:left;font-size:12px;padding:2px 12px;}
h3.mem_bl +ol{margin-left:14px;}
.tit_img{width:100%;}
.tit_img img{position:relative !important;width:inherit;max-width:300px;}
.fx{width:90%;}
#entry{font-size:1rem;}
#entry ol li, #entry ul li, #entry p{font-size:1rem;text-align:left;padding-bottom:1rem;}
#entry h4{font-size:13px;text-align:left;}
.i_table{background:#fff;margin-bottom:20px !important;}
.i_table tr:first-child{text-align:center !important;background:#fff !important;}
.i_table tr td{border:solid 1px #006600 !important;text-align:left;font-size:1rem;}

tr.d1_table_tr td {text-align:center;}
tr.d1_table_tr td:nth-last-child(2) {text-align:right;}

td.s_name{background:#eaf2db;width:30%;}
td.s_img{text-align:center !important;width:80px;}
.cn_table{width:94% !important;margin:10px auto !important;}
.cn_table tr:first-child{background:#fff !important;}
.cn_table td{padding:4px 8px!important;text-align:left;}
.cn_table td.tit{background:#FFF3EE;}
.cn_table td span{font-weight:700;}
.mem_scr{width:94%;height:250px;margin:20px auto;overflow-y:scroll;border:solid 1px #ccc;}
.mem_table, .mem_table tr td{width:94%;border:none !important;text-align:center !important;padding:8px !important;line-height:2;}
#entry h3 img{position:relative;top:5px;}
.category_top h3{display:table-cell;vertical-align:middle;width:300px;line-height:1;padding-left:8px;margin-bottom:8px;}
.category_top h3 img{display:inline-block;vertical-align:middle;max-width:100px;top:0px !important;}
.p_link{text-align:center !important;margin:0 auto;}
.p_link a{display:inline-block;padding:2px 0.5rem;border-left:2px solid #ccc;}
.p_link a:last-child{border-right:2px solid #ccc;}
.prepare{text-align:center !important;width:94%;margin:0 auto;}
.input{position:relative;z-index:1;display:inline-block;margin:1em 0;max-width:350px;width:calc(100% - 2em);vertical-align:top;}
.input__field{padding:0.8em;border:none;border-radius:0;font-size:14px;-webkit-appearance:none;}
.input__field:focus{outline:none;}
.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#6a7989;font-weight:bold;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%;}
.graphic{position:absolute;top:0;left:0;fill:none;}
/*.icon{color:#ddd;font-size:150%;}*/
.input--hideo{overflow:hidden;background:#fff;}
.input__field--hideo{padding:0.85em 0.85em 0.85em 3em;background:transparent;-webkit-transform:translate3d(1em, 0, 0);transform:translate3d(1em, 0, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;border-bottom:#ccc 1px solid;}
.input__label--hideo{position:absolute;padding:1.25em 0 0;width:4em;height:100%;}
.input__label--hideo::before{content:'';position:absolute;top:0;left:0;z-index:-1;width:4em;height:100%;background:#44b88b;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.icon--hideo{color:#fff;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.input__label-content--hideo{position:absolute;top:100%;}
.input__field--hideo:focus{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.input__field--hideo:focus + .input__label--hideo::before{-webkit-transform:scale3d(0.8, 1, 1);transform:scale3d(0.8, 1, 1);}
.input__field--hideo:focus + .input__label--hideo .icon--hideo{-webkit-transform:scale3d(0.6, 0.6, 1);transform:scale3d(0.6, 0.6, 1);}
.input__submit{width:160px;background:#ccc;padding:0.75rem 1rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;margin-bottom:20px;box-shadow:4px 4px 10px rgba(0,0,0,0.4);}
.input__submit:hover{background:#ff7a21;color:white;animation:input__submit 1s ease;box-shadow:2px 2px 10px rgba(0,0,0,0.4);}
@keyframes input__submit{0%{opacity:0.3;}
100%{opacity:1;}}
.input{font-size:1.6rem !important;}
.input__label .fa{font-size:16px !important;}
.cnt{text-align:center !important;margin:2rem 0 !important;}
#input_area *, *:after, *:before{-webkit-box-sizing:border-box;box-sizing:border-box;}
#input_area .clearfix:before, #input_area .clearfix:after{content:'';display:table;}
#input_area .clearfix:after{clear:both;}
#input_area .container{margin:0 auto;text-align:center;overflow:hidden;}
#input_area .content{font-size:150%;padding:3em 0;}
.input--juro{overflow:hidden;}
.input__field--juro{position:absolute;z-index:100;padding:2.15em 0.75em 0;width:100%;background:transparent;color:#1784cd;font-size:0.85em;}
.input__label--juro{padding:0;width:100%;height:100%;background:#fff;text-align:left;}
.input__label-content--juro{padding:2em 1em;-webkit-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transition:-webkit-transform 0.3s, color 0.3s;transition:transform 0.3s, color 0.3s;text-rendering:geometricPrecision;}
.input__label--juro::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:0px solid transparent;-webkit-transition:border-width 0.3s, border-color 0.3s;transition:border-width 0.3s, border-color 0.3s;}
.input__field--juro:focus + .input__label--juro::before,
.input--filled .input__label--juro::before{border-width:8px;border-color:#1784cd;border-top-width:2em;}
.input__field--juro:focus + .input__label--juro .input__label-content--juro,
.input--filled .input__label--juro .input__label-content--juro{color:#fff;-webkit-transform:translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1);transform:translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1) translateZ(1px);}
.input--hoshi{overflow:hidden;}
.input--hoshi div{text-align:left;}
.input--hoshi ul {list-style-type: none; margin-left:16px;}
.input--hoshi ul li {font-size:1.4rem !important;}
.input--hoshi ul input[type="checkbox"] {
  display: none;
}
.input--hoshi ul label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}
.input--hoshi ul label::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
}
.input--hoshi ul input[type="checkbox"]:checked + label::after {
  position: absolute;
  content: '';
  top: 5px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


.input__field--hoshi{padding:3em 0.5em 1em;background:transparent;color:#595F6E;}
.input__label--hoshi{position:absolute;bottom:0;left:0;padding:0 0.25em;width:100%;height:calc(100% - 1em);text-align:left;pointer-events:none;}
.input__label-content--hoshi{position:absolute;top:-8px;}
.input__label--hoshi::before,
.input__label--hoshi::after{content:'';position:absolute;top:0;left:0;width:100%;height:calc(100% - 10px);border-bottom:1px solid #B9C1CA;}
.input__label--hoshi::after{margin-top:2px;border-bottom:4px solid red;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.input__label--hoshi-color-1::after{border-color:hsl(0, 95%, 85%);}
.input__label--hoshi-color-2::after{border-color:hsl(100, 95%, 35%);}
.input__label--hoshi-color-3::after{border-color:hsl(240, 75%, 95%);}
.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
@-webkit-keyframes anim-1{50%{opacity:0;-webkit-transform:translate3d(1em, 0, 0);transform:translate3d(1em, 0, 0);}
51%{opacity:0;-webkit-transform:translate3d(-1em, -40%, 0);transform:translate3d(-1em, -40%, 0);}
100%{opacity:1;-webkit-transform:translate3d(0, -40%, 0);transform:translate3d(0, -40%, 0);}
}
@keyframes anim-1{50%{opacity:0;-webkit-transform:translate3d(1em, 0, 0);transform:translate3d(1em, 0, 0);}
51%{opacity:0;-webkit-transform:translate3d(-1em, -40%, 0);transform:translate3d(-1em, -40%, 0);}
100%{opacity:1;-webkit-transform:translate3d(0, -40%, 0);transform:translate3d(0, -40%, 0);}
}
.input__reset{width:160px;background:#ccc;padding:0.75rem 1rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;margin-bottom:20px;box-shadow:4px 4px 10px rgba(0,0,0,0.4);}
.input__reset:hover{background:#ff0000;color:white;animation:input__submit 1s ease;box-shadow:2px 2px 10px rgba(0,0,0,0.4);}
.input__back{width:160px;background:#ccc;padding:0.75rem 1rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;margin-bottom:20px;box-shadow:4px 4px 10px rgba(0,0,0,0.4);}
.input__back:hover{background:#ff0000;color:white;animation:input__submit 1s ease;box-shadow:2px 2px 10px rgba(0,0,0,0.4);}
.req{display:inline-block;background:red;color:white;padding:0.25rem;margin:0 0.25rem;width:30%;text-align:center;border-radius:3px;}
.opt{display:inline-block;background:green;color:white;padding:0.25rem;margin:0 0.25rem 0 0;width:30%;text-align:center;border-radius:3px;}
.tel_bn img{display:inline-block;width:239px;height:55px;text-align:right;margin-right:20px;}
.select-wrap{position:relative;text-align:center !important;}
.select-wrap:before{z-index:1;position:absolute;right:0;top:0;content:"\f107";font-family:"fontawesome";line-height:43px;color:white;pointer-events:none;background:#aaa;width:40px;height:40px;border-radius:4px;font-size:24px;}
select{outline:none;text-indent:0.01px;text-overflow:'';background:none transparent;vertical-align:middle;font-size:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;height:40px;padding:8px 12px;border:1px solid #ddd;color:#828c9a;border-radius:3px;width:300px;}
select option{background-color:#fff;color:#333;line-height:2;}
select::-ms-expand{display:none;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #828c9a;}
.select-wrap.select-primary:before{color:#fff;}
.select-wrap.select-primary > select{background:#0084B4;color:#fff;border-color:#0084B4;}
.select-wrap.select-primary > select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff;}
.select-wrap.select-inverse:before{color:#fff;}
.select-wrap.select-inverse > select{color:#fff;border-color:#fff;}
.select-wrap.select-inverse > select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff;}
select option{text-align:center;}
select[name^="s_col"]{width:120px;}
select[name^="s_cnt"]{width:36px;text-align:center;padding:0;}
#input-10{display:block;padding-top:30px;}
#input-10 select option{display:block;padding:10px;line-height:2;}
#input-20{width:280px;border:none;padding:0.5rem;line-height:1.5;font-size:14px;height:100px;padding-top:50px;}
.Ftrap{display:none;}
.p_table >select option{text-align:center !important;}
.p_table select{text-align:center!important;padding:0;}
.p_table input[name^="s_pri"]{padding:2px;text-align:center;}
.p2_table select{text-align:center!important;padding:0;}
.m_wrap{display:block;width:96%;margin:16px auto;height:55%;}
.m_wrap iframe{width:100%;max-width:580px;}
#y-search{display:block;width:100px;height:16px;margin:8px;padding:4px;border:solid 1px #333;border-radius:6px;background:#eee;color:#000;float:right;text-align:center;font-size:12px;}

#lecture input[type="checkbox"]{display:none;}
#lecture input[type=”checkbox”]+label{
    position: relative;	/*解説2*/
    display: table;	/*解説3*/
    height: 30px;
    cursor: pointer;
}
#lecture input[type=”checkbox”]+label:before{ /*解説4*/
    position: absolute;	
    box-sizing: border-box;	/*解説5*/
    width: 30px;
    height: 30px;
    content: url('../50th/img/check.svg');	/*解説6*/
    border: 2px solid  #a6a6a6;
    border-radius: 5px;
    background: #fff;
}
#lecture input[type=”checkbox”]+label>span{
    vertical-align: middle;
    display: table-cell;	
    padding-left: 40px;
}
#lecture input[type=”checkbox”]:checked + label:before { /*解説7*/
    position: absolute;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    border: 2px solid #367cd9;
    content: url('../50th/img/check_white.svg');
    border-radius: 5px;
    background: #367cd9;
}

/*---------注文ページへの戻るボタン-------------------------------*/
.to_order {display:block; padding:8px 0 12px; text-align:center !important; margin:12px auto;}
.to_order a {background:#E02124; color:white; padding:8px 16px; border-radius:6px; font-size:1.4rem; text-align:center; 
filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}
.to_order a i {display:inline-block; margin-right:0.5rem;}
.to_order a:hover {text-decoration:none; background:#65c1ff; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));}

/*---------FAX注文ページへ-------------------------------*/
.faxorder {display:block !important; position: relative;
    height: 0;
   /* overflow: hidden;*/
    padding-top: 10.6%; margin:16px auto !important; text-indent:-9999px; width:100%; max-width:613px; /*background:url(../img/fax_top.png) no-repeat; background-size:cover;*/ }
.faxorder a {position: absolute;
    top: 0;
    left: 0;
width:613px;
    height: 100%; background:url(../img/fax_top.png) no-repeat; background-size:cover;  max-width:613px;}
.faxorder a:hover {background:url(../img/fax_top_on.png) no-repeat; background-size: cover; max-width:613px;} 

/*---------サイドバー　営業日カレンダー-------------------*/
.service_hour {margin:6px 8px 6px 6px;}
.service_hour span {display:inline-block; margin:0 4px;}
.MtoF {color:#000000;}
.SAT {color:#8dbbff;}
.CLOSE {color:#ff9900;}

.sp-image {max-width: 100%; height: auto;}