@charset "UTF-8";
/*@import "_style1";*/
/*　COMMON　*/
html {
 font-size: 14px;
}
html * {
 box-sizing: border-box;
}
body {
 padding-top: 90px;
 color: #555;
 font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 font-size: 1rem;
 -webkit-text-size-adjust: 100%;
 width: 100%;
 min-width: 1000px;
}
body * {
 font-size: 1rem;
}
button {
 font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 font-size: 100%;
 -webkit-text-size-adjust: 100%;
 width: 100%;
 font-weight: 600;
}
a img.blight {
 transition: opacity 0.2s linear;
 -webkit-transition: opacity 0.2s linear;
 -moz-transition: opacity 0.2s linear;
}
a:hover img.blight {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
a {
 text-decoration: none;
 color: #555;
 transition: opacity 0.2s linear;
 -webkit-transition: opacity 0.2s linear;
 -moz-transition: opacity 0.2s linear;
}
a:hover {
 text-decoration: none;
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
button {
 text-decoration: none;
 color: #555;
 transition: opacity 0.2s linear;
 -webkit-transition: opacity 0.2s linear;
 -moz-transition: opacity 0.2s linear;
}
button:hover {
 text-decoration: none;
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
button:disabled:hover {
 text-decoration: none;
 opacity: unset;
 filter: none;
 -moz-opacity: unset;
}
img {
 max-width: 100%;
}
.pagetop {
 position: fixed;
 z-index: 10;
 bottom: 16px;
 right: 16px;
 width: 48px;
 height: 48px;
 background: url(../img/common/icn_arrow.svg) no-repeat center center rgba(109, 173, 131, 0.6);
 background-size: 24px 16px;
 border-radius: 50%;
 box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.pagetop a {
 display: block;
 width: 48px;
 height: 0;
 padding-top: 48px;
 overflow: hidden;
}
header {
 position: fixed;
 z-index: 12;
 top: 0;
 width: 100%;
 height: 90px;
 background: #fff;
 box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
header .h_in {
 width: 100%;
 margin: auto;
 padding: 16px 32px;
 overflow: hidden;
}
.flex-wrap-header {
 display: flex;
 justify-content: space-between;
}
.header_left {
 display: flex;
 align-items: center;
}
.header_right {
 display: flex;
 align-items: center;
}
.header_user_name {
 font-size: 13px;
 line-height: 100%;
}
.header_user_info {
 padding-right: 24px;
}
.header_proposal {
 margin-top: 8px;
 font-size: 13px;
 line-height: 100%;
}
.header_proposal_num {
 font-size: 20px;
}
.header_logout_btn {
 font-size: 12px;
}
.header_logout_btn a {
 display: block;
 height: 48px;
 padding-top: 32px;
 background: url(../img/common/icn_logout.svg) no-repeat center top;
 background-size: 32px 32px;
 color: #8DC33E;
}
header .h_in nav ul {
 display: flex;
 overflow: hidden;
 margin-left: 24px;
}
header .h_in nav ul li {
 margin-right: 24px;
}
header .h_in nav ul li a {
 color: #464646;
 font-size: 15px;
}
header .h_in .new_regi a {
 border: 2px solid #8DC33E;
 color: #fff;
 background: #8DC33E;
 text-align: center;
 border-radius: 5px;
 width: 180px;
 margin-top: 6px;
 padding: 4px 8px;
 display: block;
}
header .h_in .mf_login a {
 border: 2px solid #8DC33E;
 background: url(../img/common/h_ico1.svg) 12px center no-repeat;
 background-size: 22px 16px;
 width: 180px;
 text-align: center;
 border-radius: 5px;
 margin-top: 6px;
 padding: 4px 8px 4px 26px;
 color: #8DC33E;
 display: block;
}
header .h_in .shop_login a {
 border: 2px solid #8DC33E;
 background: url(../img/common/h_ico2.svg) 26px center no-repeat;
 background-size: 20px 16px;
 text-align: center;
 border-radius: 5px;
 width: 180px;
 margin-top: 6px;
 padding: 4px 8px 4px 24px;
 color: #8DC33E;
 display: block;
}
header .h_in .h_sns {
 float: right;
 overflow: hidden;
 margin: 3px 0 0 4px;
}
header .h_in .h_sns li {
 float: left;
 margin: 0 0 0 10px;
}
header .h_in .logout {
 float: right;
}
header .h_in .help {
 float: left;
 padding: 12px 25px 0 0;
}
header .h_in .help a {
 color: #8DC33E;
 background: url(../img/common/help_ico.png) 0 center no-repeat;
 padding: 0 0 0 20px;
}
header .h_in .logtxt {
 padding: 0;
 font-size: 13px;
 text-align: right;
}
footer {
 position: relative;
 background-color: #f7f3e9;
 text-align: center;
 padding: 32px 32px;
}
.flogo {
 margin-bottom: 32px;
}
.flogo img {
 width: 160px;
}
.flink {
 text-align: center;
}
footer .f_in_in p {
 padding: 16px;
}
.f_sns {
 display: inline-flex;
 align-items: center;
 margin-bottom: 16px;
}
.f_sns li {
 padding: 0 8px;
}
.f_sns li img {
 width: 20px;
 height: 20px;
 margin-right: 4px;
 vertical-align: middle;
}
.f_sns li a {
 dipslay: inline-block;
 height: 20px;
 line-height: 20px;
}
.footer_copyright {
 color: #969696;
 font-size: 12px;
}
footer small {
 text-align: center;
 color: #8CC33E;
 padding: 5px 0 0 0;
 display: block;
 font-weight: bold;
}
/*　TOP　*/
.main {
 background: url(../img/top/main_bg.png) center center no-repeat;
 height: 698px;
 background-size: cover;
}
.main h1 {
 background-color: rgba(0, 0, 0, 0.5);
 border-bottom: 1px solid #ccc;
 text-align: center;
 color: #fff;
 padding: 20px 0;
 font-size: 21px;
 margin: 0 0 110px 0;
}
.main .main_in {
 background: #8DC33E;
 width: 300px;
 margin: 0 auto;
 border-radius: 5px;
 padding: 20px;
}
.main .main_in h2 {
 text-align: center;
 color: #fff;
 font-size: 36px;
 font-weight: bold;
 line-height: 1.4;
 border-bottom: 2px solid #fff;
 padding: 15px 0 20px 0;
}
.main .main_in p {
 text-align: center;
 color: #333;
 font-size: 19px;
 font-weight: bold;
 padding: 20px 0 10px 0;
}
.main_shop {
 background: url(../img/top/main_bg_shop.png) center center no-repeat;
 height: 468px;
 background-size: cover;
 position: relative;
 padding: 230px 0 0 0;
}
.main_shop h1 {
 text-align: center;
 color: #fff;
 font-size: 32px;
 font-weight: bold;
 line-height: 1.6;
}
.main_shop h1 span {
 padding: 20px;
 border: 1px solid #fff;
 border-radius: 5px;
 display: block;
}
.main_shop .main_in {
 background-color: rgba(141, 195, 62, 0.8);
 width: 810px;
 margin: 0 auto;
 border-radius: 5px;
 padding: 5px;
}
.main_shop p {
 background-color: rgba(0, 0, 0, 0.5);
 border-top: 1px solid #ccc;
 text-align: center;
 color: #fff;
 padding: 12px 0;
 font-size: 30px;
 margin: 0;
 position: absolute;
 bottom: 0;
 width: 100%;
}
.main_shop p span {
 background: #fff;
 color: #8CC33E;
 font-weight: bold;
 border-radius: 5px;
 padding: 8px 15px;
 margin: 0 20px 0 0;
 text-align: center;
 font-size: 26px;
}
.top_merit {
 overflow: hidden;
 margin: 0 0 0 -45px;
 padding: 15px 0 0 0;
}
.top_merit_in {
 float: left;
 margin: 0 0 0 45px;
 width: 216px;
}
.top_merit_in p {
 font-weight: normal;
 padding: 15px 0 0 0;
 font-size: 14px;
}
.top_merit_in p span {
 text-decoration: underline;
}
.top_plusonetxt {
 text-align: center;
 font-weight: normal;
 font-size: 16px;
 padding: 15px 0 0 0;
}
.top_plusonetxt span {
 text-decoration: underline;
}
.mainbtn_w {
 overflow: hidden;
 width: 540px;
 margin: 30px auto 0 auto;
}
.mainbtn_w div:first-child {
 width: 240px;
 float: left;
 border: 1px solid #8CC33E;
}
.mainbtn_w div:last-child {
 width: 240px;
 float: right;
 border: 1px solid #8CC33E;
}
.mainbtn_w div a {
 width: 220px;
 color: #8CC33E;
 font-size: 15px;
 font-weight: bold;
 display: block;
 text-align: center;
 background: #fff url(../img/common/btn_arrow1.png) 92% center no-repeat;
 padding: 8px 10px;
}
.h3style1 {
 color: #63941d;
 font-family: 'Heebo', sans-serif;
 font-size: 42px;
 font-weight: 800;
 text-align: center;
 line-height: 1.4;
 letter-spacing: 0.05em;
 margin: 0 0 40px 0;
}
.h3style1 span {
 display: block;
 color: #767676;
 font-size: 16px;
 letter-spacing: 0.025em;
}
.h3style2 {
 color: #fff;
 font-weight: normal;
 font-size: 42px;
 text-align: center;
 line-height: 1.4;
 margin: 0 0 40px 0;
}
.h3style2 span {
 display: block;
 color: #fff;
 font-size: 18px;
}
.h3style3 {
 font-size: 20px;
 line-height: 1.4;
 margin: 0 0 15px 0;
 color: #63941d;
}
.h3style4 {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 20px;
 color: #63941d;
 border-bottom: 1px solid #c8dcab;
 line-height: 1.4;
 margin: 0 0 32px 0;
 padding: 0 0 8px 0;
}
.term.h3style4, .h3style4.basic, .product.h3style4 {
 justify-content: flex-start;
}
.expand, .handle {
 display: inline-block;
 padding: 0 4px;
 margin-right: 8px;
 border-radius: 3px;
 background-color: #8CC33E;
 color: #fff;
}
.h3style4 span a {
 display: inline-block;
 color: #fff;
 font-size: 14px;
 background: #8CC33E;
 padding: 5px 10px;
 border-radius: 3px;
 font-weight: normal;
}
.h4style1 {
 color: #fff;
 background: #8CC33E;
 font-weight: bold;
 text-align: center;
 line-height: 1.4;
 margin: 0 0 15px 0;
 padding: 5px 10px;
}
.h4style2 {
 font-size: 20px;
 color: #fff;
 background: #8CC33E;
 font-weight: bold;
 text-align: center;
 line-height: 1.4;
 margin: 0 0 15px 0;
 padding: 5px 10px;
}
.top_sec1_txt1 {
 text-align: center;
 font-size: 16px;
 color: #616161;
 font-weight: normal;
}
.top_sec1_txt2 {
 text-align: center;
 font-size: 24px;
 color: #8CC33E;
 padding: 40px 0 10px 0;
}
.top_price {
 width: 500px;
 margin: 0 auto;
}
.top_price p {
 text-align: right;
 padding: 10px 0 0 0;
 font-weight: normal;
 font-size: 14px;
}
.top_price_in {
 border-bottom: 1px solid #8CC33E;
 padding: 20px 0 10px 0;
 display: table;
 width: 100%;
}
.top_price_in dt {
 display: table-cell;
 width: 240px;
 text-align: center;
 color: #8CC33E;
 font-size: 25px;
 line-height: 1.3;
 vertical-align: middle;
}
.top_price_in dt span {
 font-size: 16px;
 font-weight: normal;
}
.top_price_in dd {
 display: table-cell;
 width: 150px;
 font-size: 38px;
 vertical-align: middle;
 line-height: 1.3;
 text-align: right;
 font-weight: normal;
}
.top_price_in dd span {
 font-size: 20px;
}
.top_price_in dd.top_price_getu {
 font-size: 50px;
}
.top_flow h4 {
 font-size: 20px;
 display: flex;
 align-items: center;
 color: #fff;
 margin: 0 0 30px 0;
}
.top_flow h4:before, .top_flow h4:after {
 content: "";
 flex-grow: 1;
 height: 1px;
 background: #fff;
 display: block;
}
.top_flow h4:before {
 margin-right: .4em;
}
.top_flow h4:after {
 margin-left: .4em;
}
.top_flow_in {
 display: table;
}
.top_flow_in_in {
 display: table-cell;
 width: 220px;
 background: #fff;
}
.top_flow_arrow {
 display: table-cell;
 padding: 0 10px;
 text-align: center;
 vertical-align: middle;
}
.top_flow_in_in h5 {
 color: #8CC33E;
 font-size: 23px;
 text-align: center;
 padding: 10px 0;
}
.top_flow_ti {
 background: #EEEEEE;
 text-align: center;
 color: #333;
 display: table;
 width: 100%;
}
.top_flow_ti span {
 display: table-cell;
 vertical-align: middle;
 line-height: 1.4;
 padding: 10px 0;
 font-size: 18px;
 font-weight: normal;
}
.top_flow_in_in p {
 color: #333;
 font-weight: normal;
 padding: 10px;
 font-size: 14px;
}
#top_sec2 .sec_in0 {
 max-width: 933px;
 margin: 80px auto 0 auto;
 padding: 25px 25px 25px 40px;
 overflow: hidden;
 border: 1px solid #8CC33E;
}
#top_sec2 .sec_in0 h3 {
 display: table-cell;
 color: #8CC33E;
 font-weight: bold;
 font-size: 28px;
 text-align: center;
 vertical-align: middle;
 line-height: 1.4;
 padding: 0 40px 0 0;
}
#top_sec2 .sec_in0 h3 span {
 display: block;
 color: #868686;
 font-size: 12px;
}
#top_sec2 .sec_in .newsbox {
 background: #fff;
 padding: 25px;
}
#top_sec2 .sec_in .newsbox_in {
 height: 85px;
 overflow-y: auto;
}
#top_sec2 .sec_in dl {
 line-height: 1.6;
 margin: 0 0 10px 0;
 overflow: hidden;
}
#top_sec2 .sec_in dl:last-child {
 margin: 0;
}
#top_sec2 .sec_in dt {
 color: #333;
 float: left;
 width: 110px;
}
#top_sec2 .sec_in dd {
 float: right;
 width: 820px;
}
#top_sec2 .sec_in dd a {
 text-decoration: underline;
 color: #333;
}
#top_sec2 {
 background: #8CC33E;
}
#top_sec4 {
 background: #8CC33E;
 color: #fff;
}
#top_sec6 {
 background: #8CC33E;
 color: #fff;
}
#top_sec8 {
 background: #8CC33E;
 color: #fff;
 margin: 0 0 80px 0;
}
.sec_in {
 width: 1100px;
 margin: 0 auto;
 padding: 50px 0;
}
.sec_in2 {
 width: 1100px;
 margin: 0 auto;
 padding: 80px 0 0 0;
}
.sec_in3 {
 width: 1100px;
 margin: 0 auto;
 padding: 0 0 0 0;
}
.img_trim1 img {
 border-radius: 10px;
 box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.25);
}
.pickupbox {
 overflow: hidden;
 border-bottom: 1px solid #8CC33E;
 margin: 0 0 40px 0;
 padding: 0 0 40px 0;
}
.pickupbox:last-child {
 border: none;
 margin: 0;
 padding: 0;
}
.pickupbox div:first-child {
 float: left;
 width: 250px;
}
.pickupbox div:last-child {
 float: right;
 width: 715px;
}
.pickupbox dl {
 margin: 0 0 10px 0;
}
.pickupbox dl:last-child {
 margin: 0;
}
.pickupbox dt {
 color: #8CC33E;
 font-weight: bold;
 font-size: 16px;
 margin: 0 0 5px 0;
}
.pickupbox dd {
 color: #616161;
 font-weight: normal;
 font-size: 14px;
}
.top_point {
 overflow: hidden;
 margin: 0 0 0 -25px;
}
.top_point_in {
 float: left;
 width: 199px;
 min-height: 260px;
 padding: 15px 15px;
 border: 1px solid #fff;
 color: #fff;
 margin: 0 0 0 25px;
}
.top_point_in h4 {
 border-bottom: 1px solid #fff;
 font-weight: bold;
 text-align: center;
 font-size: 16px;
 padding: 0 0 10px 0;
}
.top_point_in div {
 text-align: center;
 padding: 20px 0;
}
.top_point_in p {
 font-size: 13px;
}
.top_point_in p span {
 text-decoration: underline;
}
.top_step {
 overflow: hidden;
}
.top_step_in {
 width: 230px;
 padding: 20px 9px;
 border: 1px solid #8CC33E;
 color: #8CC33E;
 text-align: center;
}
.top_step_in h4 {
 font-weight: bold;
 font-size: 30px;
}
.top_step_in p {
 font-size: 1em;
}
.top_step_arrow {
 float: left;
 padding: 125px 22px 0 22px;
}
.pricebox {
 display: table;
 width: 100%;
}
.price_in1 {
 display: table-cell;
 background: #fff;
 color: #8CC33E;
 padding: 20px 40px;
 font-size: 25px;
 vertical-align: middle;
 text-align: center;
}
.price_in1 span {
 font-size: 38px;
}
.price_in2 {
 display: table-cell;
 padding: 0 40px;
 font-size: 40px;
 vertical-align: middle;
 text-align: center;
}
.price_in3 {
 display: table-cell;
 background: #fff;
 color: #8CC33E;
 padding: 20px 40px;
 font-size: 25px;
 vertical-align: middle;
 text-align: center;
}
.price_in3 span {
 display: block;
 font-size: 14px;
}
.price_in3 span.kome {
 display: inline;
 font-size: 14px;
}
.pricetxt {
 display: block;
 font-size: 40px;
 text-align: center;
 font-weight: bold;
 margin: 30px 0 0 0;
}
.pricetxt span {
 display: block;
 font-size: 14px;
 font-weight: normal;
}
.hikaku {
 background: #fff;
 padding: 50px;
 margin: 40px 0 0 0;
}
.hikakutxt1 {
 color: #8CC33E;
 font-size: 22px;
 text-align: center;
 text-decoration: underline;
}
.hikakutxt2 {
 color: #8CC33E;
 font-size: 16px;
 text-align: center;
 padding: 25px 0 40px 0;
}
.hikakutxt2 span {
 text-decoration: underline;
}
.hikaku table {
 width: 100%;
 max-width: 780px;
 margin: 0 auto;
 line-height: 1.3;
}
.hikaku .ippan {
 background: #999999;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 padding: 15px;
 width: 50%;
 text-align: center;
 font-size: 16px;
}
.hikaku .ippan_td1 {
 background: #EEEEEE;
 color: #333;
 padding: 15px;
 width: 40px;
 text-align: center;
 border-left: 1px solid #999999;
 border-bottom: 1px solid #999999;
}
.hikaku .ippan_td2 {
 background: #fff;
 color: #333;
 padding: 15px;
 width: 350px;
 text-align: center;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
}
.hikaku .ctl {
 background: #8CC33E;
 border-bottom: 1px solid #fff;
 padding: 15px;
 width: 50%;
 text-align: center;
 font-size: 16px;
}
.hikaku .ctl_td1 {
 background: #DCEDC5;
 color: #333;
 padding: 15px;
 width: 40px;
 text-align: center;
 border-left: 1px solid #8CC33E;
 border-bottom: 1px solid #8CC33E;
}
.hikaku .ctl_td2 {
 background: #fff;
 color: #8CC33E;
 padding: 15px;
 width: 350px;
 text-align: center;
 border-bottom: 1px solid #8CC33E;
 border-right: 1px solid #8CC33E;
 font-size: 16px;
}
.hikaku .ctl_td2 span {
 text-decoration: underline;
}
/* ボタン関連 */
.btn_g {
 width: 360px;
 border-radius: 5px;
 margin: 50px auto 0 auto;
}
.btn_g.btn_g_flex {
 display: flex;
 justify-content: center;
}
.btn_g a {
 width: 360px;
 color: #fff;
 border-radius: 5px;
 font-size: 18px;
 font-weight: bold;
 display: block;
 text-align: center;
 background: #8CC33E;
 padding: 16px 16px;
 margin: 0 16px;
}
.btn_g button {
 color: #fff;
 border-radius: 5px;
 font-size: 18px;
 font-weight: bold;
 display: inline-block;
 text-align: center;
 background: #8CC33E;
 padding: 8px 16px;
 cursor: pointer;
}
.btn_g button.back {
 background: #ccc;
}
.btn_g2 {
 margin: 60px auto;
 overflow: hidden;
}
.btn_g2 div:first-child {
 float: left;
}
.btn_g2 div:last-child {
 float: right;
}
.btn_g2 a {
 width: 250px;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 display: inline-block;
 text-align: center;
 background: #8CC33E 90% center no-repeat;
 padding: 30px 10px;
 border-radius: 5px;
 margin: 0 5px 5px 0;
}
.btn_g2 a:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
.btn_g3 {
 display: flex;
 justify-content: space-between;
 width: 600px;
 margin: 50px auto 0 auto;
}
.btn_g3 a {
 width: 270px;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 border-radius: 5px;
 display: inline-block;
 text-align: center;
 padding: 10px 10px;
}
.btn_g3 button {
 width: 290px;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 border-radius: 5px;
 display: inline-block;
 text-align: center;
 background: #8CC33E  90% center no-repeat;
 padding: 10px 10px;
 cursor: pointer;
}
.btn_g4 {
 overflow: hidden;
 margin-top: 16px;
}
.btn_g4 form {
 display: inline-block;
}
.btn_g4 form + form {
 margin-left: 16px;
}
.btn_g4 a.revision {
 width: 120px;
 color: #fff;
 font-size: 13px;
 display: inline-block;
 text-align: center;
 background: #8CC33E;
 padding: 2px 10px;
 border-radius: 5px;
}
.btn_g4 button.revision {
 width: 120px;
 color: #fff;
 font-size: 13px;
 display: inline-block;
 text-align: center;
 background: #8CC33E;
 padding: 2px 10px;
 border-radius: 5px;
 font-weight: normal;
}
.btn_g4 a.del {
 width: 120px;
 color: #fff;
 font-size: 13px;
 display: block;
 text-align: center;
 background: #e96060;
 padding: 2px 10px;
 border-radius: 5px;
}
.btn_g4 a.del2 {
 width: 120px;
 color: #fff;
 font-size: 13px;
 display: inline-block;
 text-align: center;
 background: #e96060;
 padding: 2px 10px;
 margin: 0 0 0 20px;
 border-radius: 5px;
}
.btn_g4 button.del {
 width: 120px;
 color: #fff;
 font-size: 13px;
 display: inline-block;
 text-align: center;
 background: #e96060;
 padding: 2px 10px;
 border-radius: 5px;
 margin: 0 5px 0 0;
 font-weight: normal;
}
.btn_g4 button.del:disabled {
 color: #f0f0f0;
 background: #dcdcdc;
}
.btn_g4 a.upload {
 width: 120px;
 color: #fff;
 border-radius: 5px;
 font-size: 13px;
 display: inline-block;
 text-align: center;
 background: #8CC33E;
 padding: 2px 10px;
}
.btn_g4 label.upload {
 width: 192px;
 color: #fff;
 border-radius: 5px;
 font-size: 14px;
 display: inline-block;
 text-align: center;
 background: #8CC33E;
 padding: 2px 8px;
 cursor: pointer;
}
.btn_g4 button.delete {
 width: 192px;
 color: #fff;
 border-radius: 5px;
 font-size: 14px;
 font-weight: normal;
 display: inline-block;
 text-align: center;
 background: #e96060;
 padding: 2px 8px;
 cursor: pointer;
}
.btn_g4 button.delete:disabled {
 color: #f0f0f0;
 background: #dcdcdc;
}
.btn_g5 {
 width: 920px;
 margin: 50px auto 0 auto;
}
.btn_g5_flex {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 width: 100%;
}
.btn_g5_flex_del {
 display: flex;
 flex-wrap: nowrap;
 justify-content: flex-end;
 width: 100%;
 margin-top: 24px;
}
.btn_g5 a {
 width: 270px;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 border-radius: 5px;
 display: inline-block;
 text-align: center;
 background-color: #8CC33E;
 margin: 0 16px;
 padding: 8px 16px;
}
.btn_g5 button {
 width: 270px;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 border-radius: 5px;
 display: inline-block;
 text-align: center;
 background-color: #8CC33E;
 margin: 0 16px;
 padding: 8px 16px;
 cursor: pointer;
}
.btn_g5 button.del {
 width: 270px;
 text-align: center;
 background: #e96060;
}
.btn_g5 button.back, .btn_g5 a.back {
 background-color: #ccc;
}
.btn_g5 button.del:disabled {
 color: #f0f0f0;
 text-align: center;
 background: #dcdcdc;
 cursor: not-allowed;
}
.btn_g5 .attend {
 text-align: center;
 font-size: 12px;
 color: #d90000;
}
.back {
 background: #ccc;
}
.favoritebtn {
 background: #fff url(../img/common/btn_arrow1.png) 90% center no-repeat;
 border: 2px solid #8CC33E;
 color: #8CC33E;
 margin: 0 20px 0 0;
}
.favoritebtn:disabled {
 background: #999 url(../img/common/btn_arrow2.png) 90% center no-repeat;
 border: 2px solid #999;
 color: #fff;
 cursor: not-allowed;
}
.favoritebtn:disabled:active {
 transform: none;
}
.btn_g6 {
 display: inline-block;
 width: auto;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 10px 16px;
 cursor: pointer;
 font-weight: normal;
}
.btn_g6 button {
 color: #fff;
}
.top_company dl {
 overflow: hidden;
 width: 600px;
 margin: 0 auto;
 padding: 10px 0 10px 0;
 font-size: 16px;
 border-bottom: 1px solid #fff;
}
.top_company dt {
 float: left;
 width: 150px;
}
.top_company dd {
 float: right;
 text-align: left;
 width: 450px;
}
/*　下層　*/
.main_lower {
 background: url(../img/common/main_lower_bg.png) center center #63941d;
 color: #fff;
}
.main_lower h2 {
 color: #fff;
 font-weight: 800;
 font-family: 'Heebo', sans-serif;
 font-size: 36px;
 text-align: center;
 line-height: 1.4;
 padding: 32px 16px;
}
.main_lower h2 span {
 display: block;
 color: #fff;
 font-size: 16px;
}
.tbl1 {
 width: 100%;
 font-size: 17px;
}
.tbl1 th {
 background-color: #f7fced;
 padding: 10px;
 border: 1px solid #cfdcc3;
 white-space: nowrap;
 font-weight: normal;
}
/*
.tbl1 th.brdwh {
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
}*/
.tbl1 td {
 background-color: #fff;
 padding: 15px 20px;
 border: 1px solid #cfdcc3;
}
.tbl1 .trlst th {
 border-bottom: 1px solid #8CC33E;
}
.tbl1 ul {
 overflow: hidden;
}
.tbl1 ul li {
 float: left;
 margin: 0 25px 0 0;
}
.tbl1 ul li:last-child {
 margin: 0 0 0 0;
}
input[type="text"] {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 16px;
 width: 70%;
}
input[type="number"] {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 15px;
 width: 70%;
 ime-mode: disabled;
}
input[type="tel"] {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 15px;
 width: 70%;
 ime-mode: disabled;
}
input[type="email"] {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 15px;
 width: 70%;
 ime-mode: disabled;
}
input[type="url"] {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 15px;
 width: 70%;
 ime-mode: disabled;
}
input[type="password"] {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 15px;
 width: 70%;
 ime-mode: disabled;
}
select {
 background: #EEEEEE;
 border-radius: 3px;
 padding: 15px;
 width: 70%;
}
textarea {
 background: #EEEEEE;
 font-size: 100%;
 border-radius: 3px;
 padding: 15px;
 width: 80%;
 height: 100px;
 display: block;
}
.redtxt {
 color: #B20000;
}
.greentxt {
 color: #8CC33E;
}
.graytxt {
 color: #aaa;
}
.reg_shoptxt {
 margin: 0 0 40px 0;
 background: #F6F6F6;
 border-radius: 5px;
 padding: 30px 30px 10px 30px;
}
.reg_shoptxt li {
 padding: 0 0 20px 0;
}
.reg_shoptxt span {
 display: block;
 color: #8CC33E;
 font-weight: bold;
 font-size: 16px;
}
.thxtxt {
 padding: 0 0 30px 0;
 font-size: 18px;
 text-align: center;
}
header .h_in .login_header nav ul {
 margin-left: 0;
}
header .h_in .login_header nav ul li {
 margin-right: 16px;
}
header .h_in .login_header nav ul li.shop_login {
 margin-right: 0;
}
.loginarea {
 width: 480px;
 margin: 0 auto;
}
.loginarea dl {
 width: 360px;
 margin: 0 auto 0;
}
.loginarea dd {
 margin-bottom: 24px;
}
.loginarea dd input[type="email"], input[type="password"] {
 width: 100%;
}
.loginarea .btn_g {
 text-align: center;
}
.loginarea .btn_g button {
 width: 240px;
 margin: auto;
}
.login_sec_in {
 margin: 72px auto;
 padding: 32px;
 border-radius: 5px;
 border: 1px solid #c8dcab;
}
.newsbox2 {
 background: #fff;
 border: 1px solid #dcdcdc;
 padding: 16px;
}
.newsbox_in2 {
 height: 85px;
 overflow-y: auto;
}
.newsbox_in2 dl {
 display: flex;
 flex-wrap: wrap;
 line-height: 1.6;
 overflow: hidden;
}
.newsbox_in2 dt {
 color: #333;
 flex-basis: 110px;
 max-width: 110px;
}
.newsbox_in2 dd {
 flex-basis: 890px;
 max-width: 890px;
 margin-bottom: 16px;
}
.newsbox_in2 dd a {
 text-decoration: underline;
 color: #333;
}
.newshop {
 display: flex;
 flex-wrap: wrap;
 overflow: hidden;
}
.newshop li {
 position: relative;
 flex-basis: calc((100% - 72px) / 4 );
 max-width: calc((100% - 72px) / 4 );
 margin-right: 24px;
 margin-bottom: 24px;
 padding: 16px;
 border: solid 1px #dcdcdc;
}
.newshop li:nth-child(4n) {
 margin-right: 0;
}
.newshop li h4 {
 font-size: 16px;
 padding: 10px 0 5px 0;
}
.newshop li a {
 display: block;
 width: 100%;
 height: 100%;
}
.newshop li .data {
 font-size: 10px;
 padding: 5px 0 0 0;
 text-align: right;
 color: #D90000;
}
.hyouka ul {
 overflow: hidden;
 margin: 0 0 40px 0;
}
.hyouka ul li {
 float: left;
 margin: 0 25px 0 0;
}
.hyoukalist li {
 border-bottom: 1px dotted #8CC33E;
 margin: 0 0 25px 0;
 padding: 0 0 25px 0;
}
.hyoukalist li .data {
 text-align: right;
 font-size: 13px;
}
.hyoukatxt {
 font-size: 18px;
}
.product-info {
 display: flex;
 justify-content: space-between;
 overflow: hidden;
}
.product-info_l {
 flex-basis: 320px;
}
.product-info_r {
 flex-basis: calc(100% - 352px);
 max-width: calc(100% - 352px);
}
.product-info_r h4 {
 color: #63941d;
 font-size: 18px;
}
.product-info_r h4 + p {
 margin-top: 8px;
}
.product-info_r p {
 padding: 2px 0;
}
.product-info_r p a {
 color: #136aff;
}
.product-cat > dl {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 overflow: hidden;
 margin: 0 0 10px 0;
}
.product-cat > dl > dt {
 border: solid 1px #cfdcc3;
 background-color: #eaf7de;
 flex-basis: 80px;
 max-width: 80px;
 margin-bottom: 16px;
 text-align: center;
}
.product-cat > dl > dd {
 flex-basis: calc(100% - 104px);
 max-width: calc(100% - 104px);
 margin-bottom: 16px;
}
.exhibition {
 display: table;
 width: 100%;
}
.exhibition_l {
 display: table-cell;
 padding: 0 20px 0 0;
 vertical-align: middle;
}
.exhibition_r {
 display: table-cell;
 width: 810px;
 vertical-align: middle;
}
.step1_kikan {
 overflow: hidden;
 margin: 0 0 0 -25px;
}
.step1_kikan li {
 float: left;
 margin: 0 0 0 25px;
}
.step2_sel {
 display: flex;
 flex-wrap: wrap;
 overflow: hidden;
}
.step2_sel li {
 margin-bottom: 24px;
 margin-right: 16px;
 flex-basis: calc((100% - (16px * 4)) / 5);
 max-width: calc((100% - (16px * 4)) / 5);
 padding: 16px;
 border: solid 1px #dcdcdc;
}
.step2_sel li a {
 dipslay: block;
 width: 100%;
 height: 100%;
}
.step2_sel li:nth-child(5n) {
 margin-right: 0;
}
.step2_sel li .step2_seltxt {
 margin: 5px 0 0 0;
}
.step2_sel li .step2_seltxt label {
 display: table;
}
.step2_sel li input {
 display: table-cell;
 vertical-align: middle;
}
/*.step2_sel li div.suggestion{position: relative;}
.step2_sel li a.detailBtn{display: block;position:absolute}*/
.step2_sel li span.detailBtn {
 display: block;
 margin-top: 8px;
 text-align: center;
 border-radius: 3px;
 border: solid 1px #c1db96;
 color: #77a635;
 font-size: 14px;
 font-weight: bold;
 padding: 2px 10px;
}
.step2_sel li dl {
 overflow: hidden;
 margin: 0 0 8px 0;
}
.step2_sel li dt {
 float: left;
 width: 40px;
 padding: 2px 5px;
 text-align: center;
}
.step2_sel li dt.kibou {
 border: 1px solid #8CC33E;
 color: #8CC33E;
}
.step2_sel li dt.sumi {
 border: 1px solid #000;
 color: #000;
}
.step2_sel li dd {
 float: left;
 padding: 2px 0 0 8px;
}
.favorite {
 border-top: 1px solid #c8dcab;
}
.favorite_lsit_title {
 display: flex;
 justify-content: space-between;
 width: 100%;
}
.favorite li {
 border-bottom: 1px solid #c8dcab;
 padding: 24px 0;
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}
.favorite li .favorite_l {
 width: 200px;
}
.favorite li .favorite_r {
 flex-basis: calc(100% - 200px);
 max-width: calc(100% - 200px);
 padding-left: 32px;
}
.favorite h3 {
 /*display:flex;
  justify-content:space-between;
  align-items:center;*/
 width: calc(100% - 144px);
 padding: 0 0 0 0;
 font-size: 18px;
}
.favorite h3 a {
 display: block;
 color: #63941d;
}
.favorite h3 span {
 vertical-align: middle;
 font-size: 12px;
}
.favorite_shopname {
 display: inline-block;
 flex-basis: 700px;
 max-width: 700px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 18px;
}
.favorite_comment {
 margin-bottom: 4px;
}
.favorite_comment a {
 display: flex;
 align-items: center;
}
.favorite_comment_link {
 padding-left: 8px;
 font-size: 12px;
 color: #63941d;
}
.favorite_tags, .favorite_place, .search_results_tags, .search_results_place{
 display: flex;
 flex-wrap: wrap;
}
.favorite_place {
 margin-bottom: 8px;
}
.favorite_star {
 font-size: 18px;
 color: #FFAF04;
 font-weight: bold;
}
.favorite_tags li, .favorite_place li, .search-results li .search_results_tags li, .search-results li .search_results_place li {
 flex-basis: auto;
 width: auto;
 margin-right: 8px;
 margin-bottom: 8px;
 padding: 2px 8px;
 border-radius: 3px;
 text-align: center;
 white-space: nowrap;
 border: none;
 font-size: 12px;
}
.favorite_tags li, .search-results li .search_results_tags li {
 background-color: #f2e4d6;
 color: #736c65;
}
.favorite_place li, .search-results li .search_results_place li {
 background-color: #e8f5d6;
 color: #4a6b1c;
}

.search_results_icons{
 display:flex;
 align-items:center;
 margin:4px 0 12px;
}

.search-results .search_results_icons li{
 align-items:center;
 width:auto;
 padding:0 2px;
 border:none;
}

.favorite li .favorite_place p {
 float: left;
 border: 1px solid #8CC33E;
 color: #8CC33E;
 padding: 2px 10px;
 border-radius: 5px;
 margin: 0 0 0 5px;
}
.favorite li button {
 vertical-align: middle;
 width: 120px;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 4px 0;
 font-size: 14px;
 cursor: pointer;
}
.favorite li button.btn_g {
 margin-top: 0;
}
.favorite li button:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
.pager {
 overflow: hidden;
 display: table;
 margin: 40px auto;
}
.pager li {
 float: left;
 margin: 0 5px;
}
.pager li a {
 padding: 2px 10px;
 border: 1px solid #8CC33E;
 display: block;
 color: #8CC33E;
}
.pager li.sel a {
 border: 1px solid #8CC33E;
 background: #8CC33E;
 color: #fff;
}
.gbtn {
 width: 155px;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 10px 0;
 display: block;
 text-align: center;
 margin: 0 auto;
}
button.gbtn {
 width: 155px;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 4px 0;
 cursor: pointer;
 font-weight: normal;
}
button.gbtn:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
.gbtn2 {
 width: 180px;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 10px 0;
 display: block;
 text-align: center;
}
.gbtn2:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
button.gbtn2 {
 width: 180px;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 10px 0;
 cursor: pointer;
}
button.gbtn2:disabled {
 background: #999;
 color: #fff;
 cursor: not-allowed;
 font-weight: normal;
}
.rbtn {
 width: 105px;
 background: #e96060;
 border-radius: 5px;
 color: #fff;
 padding: 10px 0;
 display: block;
 text-align: center;
 margin: 0 auto;
}
button.rbtn {
 width: 105px;
 background: #e96060;
 border-radius: 5px;
 color: #fff;
 padding: 4px 0;
 cursor: pointer;
 font-weight: normal;
}
button.rbtn:disabled {
 background: #999;
 color: #fff;
}
.receipt_issue {
 border: 1px solid #333;
 width: 600px;
 margin: 0 auto;
 padding: 50px;
}
.issueNo {
 text-align: right;
}
.issueDate {
 text-align: right;
}
.issue1 {
 text-align: center;
 font-weight: bold;
 font-size: 50px;
 padding: 0 0 40px 0;
}
.issue2 {
 overflow: hidden;
 font-size: 26px;
}
.issue2 p:first-child {
 float: left;
}
.issue2 p:last-child {
 float: right;
 max-width: 300px;
}
.issue3 {
 text-align: center;
 font-weight: bold;
 font-size: 30px;
 margin: 40px 0 60px 0;
 border-bottom: 1px solid black;
}
.issue5 {
 margin: 0 0 40px 0;
 font-size: 0.8em;
}
.issueSrcInfo {
 text-align: right;
}
.issueSrcInfo p {
 display: inline-block;
 text-align: left;
}
.issueSrcName {
 font-size: x-large;
}
.suggestionbox {
 overflow: hidden;
 margin: 30px 0 0 0;
}
.suggestion_l {
 float: left;
 width: 178px;
}
a.cansel_btn {
 display: block;
 text-align: center;
 color: #84998c;
 border-radius: 3px;
 border: solid 1px #a4beae;
 padding: 5px 10px;
 margin: 10px 0 0 0;
}
button.cansel_btn {
 display: block;
 text-align: center;
 color: #84998c;
 border-radius: 3px;
 border: solid 1px #a4beae;
 padding: 5px 10px;
 margin: 10px 0 0 0;
 cursor: pointer;
 font-weight: normal;
}
.suggestion_r {
 float: right;
 width: 790px;
}
.suggestion_status {
 position: relative;
}
.getu_status1 {
 position: absolute;
 top: 0;
 left: 98px;
}
.getu_status2 {
 position: absolute;
 bottom: 0;
 left: 180px;
}
.getu_status3 {
 position: absolute;
 top: 0;
 left: 216px;
}
.getu_status4 {
 position: absolute;
 top: 0;
 left: 332px;
}
.getu_status5 {
 position: absolute;
 bottom: 0;
 left: 400px;
}
.getu_status6 {
 position: absolute;
 bottom: 0;
 left: 520px;
}
.getu_status7 {
 position: absolute;
 top: 0;
 left: 560px;
}
.getu_status8 {
 position: absolute;
 top: 80px;
 right: 0;
}
.seika_status1 {
 position: absolute;
 top: 0;
 left: 98px;
}
.seika_status2 {
 position: absolute;
 bottom: 0;
 left: 180px;
}
.seika_status3 {
 position: absolute;
 top: 0;
 left: 236px;
}
.seika_status4 {
 position: absolute;
 bottom: 0;
 left: 320px;
}
.seika_status5 {
 position: absolute;
 bottom: 0;
 left: 460px;
}
.seika_status6 {
 position: absolute;
 top: 0;
 left: 560px;
}
.seika_status7 {
 position: absolute;
 top: 80px;
 right: 0;
}
.suggestion_statusbar {
 overflow: hidden;
 margin: 0 0 15px 78px;
}
.suggestion_statusbar li {
 float: left;
 margin: 0 0 0 8px;
}
/*
.suggestion_status div{float:left;padding:0 0 0 14px;}
.suggestion_status div:last-child{float:right;border-left:1px dotted #8CC33E;padding:0 0 0 29px;}
*/
.chat {
 padding-top: 10px;
}
.suggestion_chat {
 min-height: 240px;
 border: 2px solid #8CC33E;
 padding: 20px;
 margin: 0 0 10px 0;
}
.suggestion_chat ul {
 height: 75px;
 overflow-y: auto;
}
.inexterior {
 overflow: hidden;
 display: flex;
 justify-content: space-between;
}
.h4style4 {
 color: #63941d;
}
.inexterior_r, .inexterior_l {
 flex-basis: 528px;
 max-width: 528px;
}
.inexterior_l .uploadedImage, .inexterior_r .uploadedImage {
 height: 528px;
}
.shopinfobox {
 overflow: hidden;
 margin: 0 0 20px 0;
}
.shopinfo_l {
 width: 640px;
 float: left;
 border-top: 1px solid #c8dcab;
}
.shopinfo_l dl {
 border-bottom: 1px solid #c8dcab;
 padding: 15px;
 overflow: hidden;
}
.shopinfo_l dt {
 float: left;
 width: 120px;
}
.shopinfo_l dd {
 float: right;
 width: 472px;
}
.shopinfo_r {
 width: 394px;
 float: right;
}
.shopinfo_r_in {
 border: 1px solid #c8dcab;
 padding: 20px;
}
.shopinfo_r_in p {
 color: #767676;
}
.shopinfo_r_in a {
 display: inline-block;
 padding-left: 8px;
 color: #63941d;
 font-size: 12px;
}
.shopinfo_r_in ul {
 overflow: hidden;
 margin: 0 0 0 -10px;
}
.shopinfo_r_in li {
 background-color: #f2e4d6;
 color: #736c65;
 float: left;
 margin: 2px 0 0 10px;
 padding: 1px 10px;
 text-align: center;
 border-radius: 4px;
}
.shopinfo_r_in table {
 margin: 10px 0 0 0;
}
.shopinfo_r_in td {
 border: 1px solid #d0d0d0;
 padding: 3px 2px;
 font-size: 10px;
 width: 50px;
 text-align: center;
 line-height: 1.0;
 color: #767676;
}
.shopinfo_r_in td.td0 {
 color: #767676;
 border: none;
 font-size: 13px;
 padding: 3px;
}
.shopinfo_r_in td.td1 {
 color: #767676;
 border: none;
 font-size: 13px;
 padding: 3px;
}
.shopinfo_r_in td.tdno {
 padding: 5px 0;
 border: none;
}
.shopinfo_r_in td.sel {
 color: #fff;
 background: #5db9ab;
 border: solid 1px #5db9ab;
}
.tbl1 td {
 padding: 15px 10px;
}
.tbl1 td input[type="text"], .tbl1 td textarea {
 width: 100%;
}
.tbl1 td input[type="number"] {
 width: calc(100% - 2.25rem);
}
.swiper_outer {
 position: relative;
 margin-top: 8px;
 padding: 32px 48px;
}
.swiper_outer .swiper-slide {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 520px;
}
.swiper_outer .swiper-slide img {
 width: auto;
 max-height: 520px;
}
dd.size {
 margin-left: 1rem;
}
.message_catalu {
 display: flex;
 justify-content: space-between;
 width: 100%;
 margin-top: 24px;
 margin-bottom: 56px;
}
.message_catalu_logo {
 flex-basis: 104px;
 max-width: 104px;
}
.balloon {
 position: relative;
 padding: 24px;
 border-radius: 5px;
 background: #eee;
 flex-basis: calc(100% - 136px);
 max-width: calc(100% - 136px);
 min-height: 120px;
}
.balloon::before {
 display: block;
 position: absolute;
 top: 32px;
 left: -24px;
 width: 32px;
 height: 22px;
 background: url(../img/shop/balooon_arrow.png) no-repeat center top;
 content: "";
}
span.coution {
 width: calc(100% - 20px);
 padding: 10px;
 background: #51b4ba;
 border-radius: 5px;
 color: #fff;
 display: block;
 text-align: center;
 margin: 0 auto;
}
#mapField {
 width: 100%;
 height: 600px;
 margin: 8px auto 16px;
}
.search_results_lsit_title {
 flex-basis: 100%;
 max-width: 100%;
}
.search_results_shopname {
 display: block;
 color: #63941d;
 width: 100%;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 20px;
 line-height: 100%;
}
.search-results {
 border-top: 1px solid #c8dcab;
}
.search-results li {
 border-bottom: 1px solid #c8dcab;
 padding: 24px 0;
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}
.search-results li a.more {
 font-size: 12px;
}
.search-results li .search-results_l {
 vertical-align: top;
 width: 200px;
 margin-right: 32px;
}
.search-results li .search-results_r {
 vertical-align: top;
 width: calc(100% - 232px);
}
.search-results li .search-results_r h3 {
 color: #8CC33E;
 font-size: 16px;
}
.search-results li .search-results_place {
 overflow: hidden;
 margin: 10px 0 0 -5px;
}
.search-results li .search-results_place p {
 float: left;
 border: 1px solid #8CC33E;
 color: #8CC33E;
 padding: 2px 10px;
 border-radius: 5px;
 margin: 0 0 5px 5px;
 height: 20px;
}
.box-inner {
 font-size: 14px;
 line-height: 1.4em;
}
.search_results_product {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 overflow: hidden;
 margin: 4px 0 10px 0;
}
.search_results_product dt {
 border: solid 1px #cfdcc3;
 background-color: #eaf7de;
 flex-basis: 88px;
 max-width: 88px;
 margin-bottom: 6px;
 padding: 4px 0;
 text-align: center;
 font-size: 12px;
 line-height: 100%;
}
.search_results_product dd {
 flex-basis: calc(100% - 96px);
 max-width: calc(100% - 96px);
 margin-bottom: 6px;
 font-size: 12px;
}
.search_results_product dd a {
 font-size: 12px;
}
.search_results_product dd a .favorite_star {
 font-size: 14px;
}
.search_results_price {
 display: inline-block;
 padding-right: 4px;
 font-size: 14px;
 line-height: 100%;
}
.refine {
 display: inline-block;
 background-color: #8CC33E;
 color: #fff;
 border-radius: 3px;
 width: 172px;
 height: 40px;
 text-align: center;
 padding: 5px 0;
 font-weight: bold;
 cursor: pointer;
}
div.refine {
 margin-right: 16px;
}
table + .refine_wrap {
 margin: 24px 0;
 padding: 16px;
 border-radius: 5px;
 background-color: #fefcf1;
 text-align: center;
}
.open_h3:after, .open_h3.active:after {
 font-size: 15px;
}
.open_h3.active::after {
 padding-left: 8px;
 content: "+";
}
.open_h3::after {
 padding-left: 8px;
 content: "-";
}
.fabbtn {
 overflow: hidden;
}
.fabbtn a {
 border: 1px solid #8CC33E;
 color: #8CC33E;
 border-radius: 5px;
 width: 172px;
 text-align: center;
 padding: 5px 0;
 cursor: pointer;
}
.sug_list {
 display: table;
 width: 100%;
}
.sug_list li {
 display: table-cell;
 padding: 0 0.5% 5px 0.5%;
 width: 17%;
}
.sug_list li a {
 border: 1px solid #8CC33E;
 color: #8CC33E;
 padding: 5px 20px;
 display: block;
 text-align: center;
 border-radius: 5px;
 box-shadow: 3px 3px 5px gray;
}
.sug_list li a:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
.sug_list li.sel a {
 border: 1px solid #8CC33E;
 background: #8CC33E;
 color: #fff;
 padding: 5px 20px;
 display: block;
 text-align: center;
 border-radius: 5px;
}
.sug_pagelist {
 border: 1px dotted #8CC33E;
 padding: 20px 20px 10px 20px;
 margin: 0 0 40px 0;
}
.sug_pagelist ul {
 overflow: hidden;
 margin: 0 0 0 -20px;
}
.sug_pagelist li {
 float: left;
 padding: 0 0 10px 20px;
}
.sug_pagelist li a {
 color: #8CC33E;
}
.movarea {
 width: 100%;
}
.movarea iframe {
 width: 560px;
 height: 315px;
}
#interview p {
 font-size: 14px;
 font-weight: normal;
}
#interview .cap {
 display: block;
 font-size: 11px;
 line-height: 1.5;
 padding: 10px 0 0 0;
}
#interview h3 {
 background: #8CC33E;
 color: #fff;
 font-size: 18px;
 text-align: center;
 padding: 5px 0;
}
#interview h4 {
 border-bottom: 1px dotted #d2691e;
 color: #d2691e;
 font-size: 20px;
 margin: 70px 0 0 0;
}
#interview h5 {
 color: #8CC33E;
 font-size: 16px;
 margin: 30px 0 20px 0;
}
#interview h6 {
 border-bottom: 2px solid #c8e7fa;
 color: #00ada9;
 font-size: 20px;
 margin: 70px 0 0 0;
}
#interview h7 {
 padding: .25em 0 .5em .75em;
 border-left: 5px solid #c8e7fa;
 border-bottom: 1px solid #c8e7fa;
 color: #d2691e;
 font-size: 20px;
 margin: 70px 0 0 0;
}
#interview .intbox1 {
 overflow: hidden;
 padding: 30px 20px 0 20px;
}
#interview .intbox1_l {
 float: left;
 width: 300px;
}
#interview .intbox1_r {
 float: right;
 width: 630px;
}
#interview .intbox1_r h4 {
 color: #8CC33E;
 font-size: 16px;
 margin: 0 0 10px 0;
}
#interview .intbox1_l2 {
 float: left;
 width: 510px;
}
#interview .intbox1_r2 {
 float: right;
 width: 420px;
}
#interview .intbox1_r2 h4 {
 color: #8CC33E;
 font-size: 16px;
 margin: 0 0 10px 0;
}
#interview .intbox5 {
 overflow: hidden;
 padding: 30px 20px 0 20px;
}
#interview .intbox5_l {
 float: left;
 width: 550px;
}
#interview .intbox5_r {
 float: right;
 width: 380px;
 text-align: center;
}
#interview .intbox5_l h4 {
 color: #8CC33E;
 font-size: 16px;
 margin: 0 0 10px 0;
}
/*
#interview .intbox1_l2{float:left;width:48%;}
#interview .intbox1_r2{float:right;width:48%;}
#interview .intbox1_l2 h5{margin:15px 0 5px 0;}
#interview .intbox1_r2 h5{margin:15px 0 5px 0;}
*/
#interview .intbox2 {
 overflow: hidden;
}
#interview .intbox2_l {
 float: left;
 width: 450px;
}
#interview .intbox2_r {
 float: right;
 width: 525px;
 overflow: hidden;
}
#interview .intbox2_r div:first-child {
 float: left;
 width: 250px;
}
#interview .intbox2_r div:last-child {
 float: right;
 width: 250px;
}
#interview .intbox3 {
 overflow: hidden;
}
#interview .intbox3_l {
 float: left;
 width: 590px;
}
#interview .intbox3_r {
 float: right;
 width: 380px;
}
#interview .intbox4 {
 overflow: hidden;
}
#interview .intbox4_l {
 float: left;
 width: 380px;
}
#interview .intbox4_r {
 float: right;
 width: 590px;
}
.disabled {
 color: #bbb;
}
.seika_pa {
 display: none;
}
.step4area {
 display: block;
}
.otherphoto {
 margin: 80px 0 0 0;
}
.terms_in h3 {
 margin: 30px 0 0 0;
 padding: 0 0 0 10px;
 border-left: 5px solid #8CC33E;
}
.terms_in dl {
 display: table;
 padding: 10px 0 0 0;
}
.terms_in dt {
 display: table-cell;
 min-width: 25px;
}
.terms_in dd {
 display: table-cell;
}
.terms_in_in {
 padding: 0 0 0 30px;
}
ul.validMsg {
 width: 100%;
 font-size: 17px;
 color: red;
}
.product-cat ul.category li {
 float: left;
 margin-right: 5px;
}
.product-cat ul.category li:not(:first-child)::before {
 content: "、";
}
.product-cat ul.theme li {
 float: left;
 margin-right: 5px;
}
.product-cat ul.theme li:nth-child(n + 3)::before {
 content: "、";
}
.product-cat ul.theme li:last-child {
 margin-right: 24px;
}
.product-cat ul.segment li {
 float: left;
 margin-right: 5px;
}
.product-cat ul.segment li:nth-child(n + 3)::before {
 content: "、";
}
.product-cat ul.segment li:last-child {
 margin-right: 24px;
}
img.product {
 width: 178px;
 height: 178px;
}
.pagination {
 overflow: hidden;
 display: table;
 margin: 40px auto;
}
.pagination li {
 float: left;
 margin: 0 5px;
 width: 30px;
 height: 30px;
}
.pagination li {
 padding: 0;
 border: 1px solid #8CC33E;
 color: #8CC33E;
 display: block;
}
.pagination li a {
 color: #8CC33E;
 width: 30px;
 height: 30px;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}
.pagination li span {
 width: 30px;
 height: 30px;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}
.pagination li.active {
 border: 1px solid #8CC33E;
 background: #8CC33E;
 color: #fff;
}
.btnSpaceFile {
 display: block;
 background: #8CC33E;
 border-radius: 5px;
 color: #fff;
 padding: 2px 8px;
 cursor: pointer;
}
.tbl1 .done::before {
 content: "済";
 color: #aaa;
 margin-right: 5px;
}
.tbl1 .empty::before {
 content: "空";
 color: #8CC33E;
 margin-right: 5px;
}
.shopBasicPhoto {
 width: 466px;
 height: 466px;
}
.tbl1 .empty::before {
 content: "空";
 color: #8CC33E;
 margin-right: 5px;
}
.shopBasicPhoto {
 width: 466px;
 height: 466px;
}
.refine_wrap {
 margin-bottom: 24px;
 padding: 16px;
 border-radius: 5px;
 background-color: #fefcf1;
 text-align: center;
}
.refine_wrap .btn_g {
 padding-bottom: 32px;
}
.select_wrap {
 padding-bottom: 16px;
 display: flex;
 justify-content: flex-end;
 align-items: center;
}
.selectWrapper {
 overflow: hidden;
 text-align: center;
 position: relative;
 border: 1px solid #dcdcdc;
 border-radius: 3px;
 width: 200px;
 display: inline-block;
}
.selectWrapper::before {
 position: absolute;
 top: calc(50% - 4px);
 right: 0.9em;
 width: 0;
 height: 0;
 padding: 0;
 content: '';
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid #666666;
 pointer-events: none;
}
.selectWrapper select {
 cursor: pointer;
 text-indent: 0.01px;
 text-overflow: ellipsis;
 border: none;
 outline: none;
 background: transparent;
 background-image: none;
 box-shadow: none;
 -webkit-appearance: none;
 appearance: none;
 padding: 4px 16px;
 width: 200px;
}
 .selectWrapper select::-ms-expand {
 display: none;
}
.popup_modals .modal_buttons .btn {
 text-align: center;
}
.popup_modals .modal_buttons .btn:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
#mapField .centerMarker {
 position: absolute;
 background: url(/img/common/target.png) no-repeat;
 top: 50%;
 left: 50%;
 z-index: 1;
 margin-left: -24px;
 margin-top: -24px;
 height: 48px;
 width: 48px;
}
.statusContent div {
 margin: 2px 0;
}
.statusContent div.description, .statusContent div.recommend, .statusContent div.todo, .statusContent div.note {
 margin-bottom: 24px;
 padding-bottom: 24px;
 border-bottom: dotted 1px #dcdcdc;
}
.statusContent div.description::before {
 content: "状況";
 color: #5e733d;
 background: #e6f4cf;
 width: 90px;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 margin-right: 8px;
}
.statusContent div.todo::before {
 content: "タスク";
 color: #b58d62;
 background: #f1dfcc;
 width: 90px;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 margin-right: 5px;
}
.statusContent div.recommend::before {
 content: "おすすめ";
 color: #91556d;
 background: #f6d6e3;
 width: 90px;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 margin-right: 8px;
}
.statusContent div.note::before {
 content: "お知らせ";
 color: #3d736c;
 background: #ccf1ec;
 width: 90px;
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 margin-right: 8px;
}
.product {
 max-width: 190px;
 max-height: 190px;
}
.space {
 max-width: 190px;
 max-height: 190px;
}
.display {
 max-width: 190px;
 max-height: 190px;
}
.uploadedImage {
 align-items: center;
 display: flex;
 justify-content: center;
 height: 230px;
 overflow: hidden;
 background-color: #fff;
}
.uploadedImage img {
 max-height: 100%;
}
.blur {
 -webkit-filter: blur(4px);
 -ms-filter: blur(4px);
 filter: blur(4px);
}
.productRegister {
 position: absolute;
 top: 10px;
 height: 30px;
 background: #8CC33E;
 color: #fff;
 font-size: 16px;
 padding: 2px 10px;
 text-align: center;
}
.productReject {
 position: absolute;
 top: 10px;
 height: 30px;
 background: red;
 color: #fff;
 font-size: 16px;
 padding: 2px 10px;
 text-align: center;
}
.logo {
 width: 176px;
}
.productReg {
 border: 1px solid #8CC33E;
 border-radius: 5px;
 width: 150px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 margin: 0 auto auto auto;
 cursor: pointer;
 box-shadow: 3px 3px 5px gray;
}
.productReg a {
 color: #8CC33E;
 margin: auto;
 font-size: 20px;
}
.maru {
 display: inline-block;
 width: 22px;
 height: 22px;
 border-radius: 22px;
 background-color: #e82a2a;
 color: #fff;
 text-align: center;
 line-height: 22px;
 margin-bottom: 6px;
}
div.entry-content .resize {
 width: 296px;
 display: block;
 padding: 1em;
 box-sizing: border-box;
 transition: all 1s ease-in-out;
}
div.resize:focus {
 height: auto;
 width: 100%;
 transition: all 1s ease-in-out;
 outline: none;
}
div.resize > p {
 margin: 0;
 line-height: 1;
}
.more {
 height: 55px;
 text-align: center;
 color: #2e9ce5;
 cursor: pointer;
}
.post_title, .post_discription, .post_date {
 display: block;
}
.post_title {
 padding: 10px 0 5px 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 16px;
 font-weight: bold;
}
.post_discription {
 width: 100%;
 font-size: 14px;
 height: 39.2px;
 line-height: 1.4;
 position: relative;
}
.post_discription::before {
 background-color: #fff;
 position: absolute;
 content: "...";
 bottom: 0;
 right: 0;
}
.post_discription::after {
 position: absolute;
 content: "";
 height: 100%;
 width: 100%;
}
.post_date {
 font-size: 10px;
 padding: 5px 0 0 0;
 text-align: right;
 color: #D90000;
}
.makerinfo dl {
 display: flex;
 flex-wrap: wrap;
 overflow: hidden;
}
.makerinfo dt {
 width: 200px;
 padding: 16px;
 background-color: #f2efdc;
 border-bottom: solid 1px #e0ded3;
}
.makerinfo dt span {
 display: flex;
 align-items: center;
 height: 100%;
}
.makerinfo dd {
 width: calc(100% - 200px);
 padding: 16px;
 background-color: #fefcf1;
 border-bottom: solid 1px #e6e4d8;
}
.makerinfo dt:nth-last-child(2), .makerinfo dd:last-child {
 border-bottom: none;
}
.stripe-button-cancel {
 overflow: hidden;
 display: inline-block;
 visibility: visible !important;
 width: 240px;
 height: 40px;
 background-color:#8CC33E;
 text-decoration: none;
 border-radius: 3px;
 user-select: none;
 cursor: pointer;
 font-weight: normal;
 color:#fff;
}
 .stripe-button-cancel::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.stripe-button-cancel span {
 position: relative;
 padding: 0 12px;
 height: 30px;
 line-height: 30px;
 border-radius: 4px;
}
.stripe-button-cancel:not(:disabled):active, .stripe-button-cancel.active {
 background: #005d93;
}
.stripe-button-cancel:disabled, .stripe-button-cancel.disabled {
 background: #dcdcdc;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 -ms-box-shadow: none;
 -o-box-shadow: none;
 box-shadow: none;
 cursor:not-allowed;
}
.stripe-button-cancel:disabled span, .stripe-button-cancel.disabled span {
 color: #f0f0f0;
 background: #dcdcdc;
}
.popmsg td, th {
 padding: 0 5px;
 border: 1px solid black;
}
.popmsg th {
 text-align: center;
}
.product_name {
 display: block;
 margin-bottom: -4px;
 font-size: 15px;
 font-weight: bold;
 color: #767676;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.product_spec {
 display: block;
 font-size: 12px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.plan_data_header {
 display: flex;
 align-items: center;
}
.plan_count {
 display: flex;
 margin: 24px 0;
}
.plan_count_num {
 font-family: 'Heebo', sans-serif;
 font-size: 32px;
 color: #767676;
}
.plan_count_wrap {
 flex-basis: calc((100% - (24px * 2)) / 3);
 max-width: calc((100% - (24px * 2)) / 3);
 margin-right: 24px;
 border: solid 1px #cfdcc3;
 text-align: center;
}
.plan_count_wrap h4 {
 padding: 8px;
 background-color: #eaf7de;
 font-weight: normal;
}
.plan_course {
 padding-left: 24px;
}
.plan_btn {
 padding-left: 24px;
}
.regist_instruction {
 margin-top: 24px;
}
.regist_instruction h4 {
 margin-bottom: 8px;
}
.regist_instruction ol {
 margin-top: 8px;
}
.regist_instruction li {
 margin-bottom: 8px;
}
ol.attention {
 list-style: decimal;
 padding: 0 18px;
}
.matchingInfo {
 display: flex;
}
.matchingInfo li {
 display: flex;
 margin-right: 16px;
}
.matchingInfo li fieldset {
 border: 1px solid #dcdcdc;
 padding: 20px;
 width: 450px;
}
.console {
 width: 1000px;
 display: flex;
 justify-content: space-around;
 margin: 20px auto;
 background: rgba(255, 255, 255, 0.7);
 padding-top: 15px;
 padding-bottom: 15px;
}
.console {
 max-width: 1100px;
 width: 100%;
 display: flex;
 justify-content: space-around;
 margin: 20px auto;
}
.console button {
 color: #fff;
 border-radius: 5px;
 font-size: 18px;
 text-align: center;
 background: #8CC33E;
 display: inline-block;
 width: 360px;
 padding: 10px;
 margin: 0 10px;
}
.console button:active {
 box-shadow: none;
 transform: translate(2px, 2px);
}
.matchingInfo li fieldset dl dt {
 float: left;
 width: 100px;
}
.matchingInfo li fieldset dl dd {
 margin-left: 100px;
}
.space-info legend, .product-info legend {
 font-size: 16px;
 padding: 0 5px;
 background: white;
 font-weight: bold;
 color: #767676;
}
.space-info legend a, .product-info legend a {
 font-size: 16px;
 color: #767676;
}
.term {
 font-size: 20px;
 color: #63941d;
 border-bottom: 1px solid #c8dcab;
 line-height: 1.4;
 margin: 32px 0 0;
 padding: 0 0 16px 0;
 cursor: pointer;
}
.product {
 font-size: 18px;
 color: #63941d;
 border-bottom: 1px solid #c8dcab;
 line-height: 1.4;
 margin: 16px 0 0;
 padding: 0 0 16px 0;
 cursor: pointer;
}
.product.h3style4 {
 width: 100%;
 max-width: 100%;
}
.space {
 font-size: 16px;
 color: #63941d;
 border-bottom: 1px solid #c8dcab;
 line-height: 1.4;
 margin: 16px 0 0;
 padding: 0 0 16px 0;
 cursor: pointer;
 display: list-item;
}
.viewmode-wrap {
 text-align: center;
}
.viewmode-sel {
 display: inline-block;
 text-align: center;
 color: #fff;
 font-size: 16px;
 background: #8CC33E;
 border: solid 1px #8CC33E;
 border-radius: 5px;
 cursor: pointer;
 margin: 0 16px 16px;
 padding: 8px 32px;
 width: 250px;
 font-weight: bold;
}
.viewmode-none {
 display: inline-block;
 text-align: center;
 color: #acacac;
 font-size: 16px;
 border: solid 1px #acacac;
 border-radius: 5px;
 cursor: default;
 pointer-events: none;
 margin: 0 16px 16px;
 padding: 8px 32px;
 width: 250px;
 font-weight: bold;
}
.proposal_list {
 margin-top: 48px;
 padding-bottom: 48px;
}
.proposal_list ul {
 margin-left: 24px;
}
.proposal_list .space {
 width: 100%;
 max-width: 100%;
}
.suggestion_info {
 padding: 16px 0 24px;
}
.suggestion_progress {
 display: flex;
 width: 100%;
}
.suggestion_progress li {
 flex-basis: calc(100% / 5);
 text-align: center;
 padding: 2px;
 background-color: #efefef;
 color: #acacac;
}
.suggestion_progress li.here {
 background-color: #8CC33E;
 color: #fff;
}
.space_search {
 display: flex;
 flex-wrap: wrap;
}
.space_search li {
 margin-bottom: 24px;
 margin-right: 16px;
 flex-basis: calc((100% - (16px * 4)) / 5);
 max-width: calc((100% - (16px * 4)) / 5);
 padding: 16px;
 text-align: center;
}
.space_search .uploadedImage {
 margin-bottom: 4px;
}
.card_management {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
.card_management dt {
 flex-basis: 10%;
 max-width: 10%;
 font-size: 16px;
 font-weight: bold;
 color: #767676;
}
.card_management dd {
 flex-basis: 90%;
 font-size: 16px;
}
.card_management + p {
 padding-top: 12px;
 font-size: 12px;
}
.card_management form {
 display: inline-block;
}
.plan_management_menu {
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 48px;
 margin-top: 16px;
 border-top: dotted 1px #dcdcdc;
}
.plan_management_menu dt {
 flex-basis: 10%;
 max-width: 10%;
 padding: 16px 0;
 border-bottom: dotted 1px #dcdcdc;
 font-size: 16px;
 font-weight: bold;
 color: #767676;
}
.plan_management_menu dd {
 flex-basis: 90%;
 padding: 16px 0;
 border-bottom: dotted 1px #dcdcdc;
 font-size: 16px;
}

.task_list{
 position:relative;
 z-index:2;
 display:flex;
 flex-wrap:wrap;
}

.task_list dt{
  display:flex;
  justify-content:center;
  align-items:center;
  width:8rem;
  margin-bottom:16px;
  padding:16px;
  background-color: #63941d;
  font-size:16px;
  font-weight:bold;
  color:#fff;
 }
.task_list dd{
  display:flex;
  align-items:center;
  width:calc(100% - 8rem);
  min-height:110px;
  margin-bottom:16px;
  padding:16px;
  background-color: rgba(255,255,255,0.9);
  border:solid 1px #dcdcdc;
 }
.task_list dt:nth-last-child(2),
.task_list dd:last-child{
  margin-bottom:0;
 }

 .task_list dd li{
  position:relative;
  margin-left:1rem;
 }

 .task_list dd li:before{
  position:absolute;
  left:-1rem;
  content:"・";
 }

.top_mainvisual_wrap{
 position:relative;
 padding-bottom:120px;
 overflow:hidden;
 background-position:center center;
 background-size:cover;
}

.top_mainvisual_wrap::after{
 display:block;
 position:absolute;
 z-index:1;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%); 
 content:"";
}

.textelft {
 text-align: left;
}
.textcenter {
 text-align: center;
}
.textright {
 text-align: right;
}