@charset "UTF-8";

/* ---- */
/* Layout */
/* ---- */
#guide, #company{max-width: 1200px;margin-left: auto;margin-right: auto;margin-top: 30px;margin-bottom: 60px;}

@media screen and (max-width: 767px) {
#guide, 
#company {margin-top: 20px;margin-bottom: 30px;margin-left: 10px;margin-right: 10px;}
}

/* ---- common */
/* ---- */
#guide .txt a {color: #076194;text-decoration: underline;}
#guide h1 img,#guide .h1 img {vertical-align: bottom;}
#guide .cmn_guide_float01_r_img {float: right;width: 440px;}
#guide .cmn_guide_float01_l_txt {float: left;width: 720px;line-height: 1.6;}
#guide .cmn_guide_float01_l_txt .note {display: inline-block;padding-top: 12px;text-indent: -1em;margin-left: 1em;}

@media screen and (max-width: 767px) {
#guide .cmn_guide_float01_r_img {float: none;width: 100%;margin-top: 15px;}
#guide .cmn_guide_float01_l_txt {float: none;width: 100%;line-height: 1.4;}
#guide .cmn_guide_float01_l_txt .note {display: inline-block;padding-top: 0;text-indent: -1em;margin-left: 1em;}}

/* ---- */
/* cmn_guide_box */
/* ---- */
#guide .cmn_guide_box {margin-top: 60px;}
#guide.guide-top .cmn_guide_box {margin-top: 0;}
#guide .cmn_guide_box h3 {padding-left: 20px;margin-bottom: 0;font-size: 22px;color: #3f3e3d;border-radius: 4px 4px 0 0;border-bottom: 2px solid #ff8590;background-image: url(/img/usr/guide/bg_ptn01.png);}
#guide .cmn_guide_box .guide_list_wrap {padding: 30px 30px 30px 8px;border-right: 2px solid #e6e6e6;border-bottom: 2px solid #e6e6e6;border-left: 2px solid #e6e6e6;display: flex;flex-wrap: wrap;}
#guide.guide-top .cmn_guide_box .guide_list_wrap {border-right: none;border-bottom: none;border-left: none;display: flex;flex-wrap: wrap;}
#guide .cmn_guide_box .guide_list_wrap > li {/*float: left;*/width: 364px;margin: 0 0 20px 22px;}
#guide .cmn_guide_box .guide_list_wrap h4 {margin-bottom: 15px;}
#guide .cmn_guide_box .guide_list_wrap h4 a {overflow: hidden;display: block;position: relative;height: 48px;padding: 8px 0 8px 62px;border: 1px solid #fff;font-size: 18px;color: #45331f;text-decoration: none;background: #ffcbcf;border-radius: 6px 4px 4px 6px;-webkit-transition: all 0.5s;transition: all 0.5s; font-feature-settings: "palt";}
#guide .cmn_guide_box .guide_list_wrap h4 a:after {font-family: "Material Icons";content: "\e5c8";display: inline-block;vertical-align: middle;color: #ff8590;font-size: 24px;position: absolute;right: 12px;top: 5px;}
#guide .cmn_guide_box .guide_list_wrap h4 a:hover {background: #fff;border: 1px solid #ffcbcf;}
#guide .cmn_guide_box .guide_list_wrap h4 a span {display: inline-block;position: absolute;top: 0;left: 0;width: 48px;height: 48px;color: #fff;text-align: center;background: #ff8590;border-radius: 6px 0 0 6px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-rogo {font-size: 32px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-rogo:before {font-family: "Material Icons";content: "\e885";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-register {font-size: 28px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-register:before {font-family: "Material Icons";content: "\e22b";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-gift {font-size: 32px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-gift:before {font-family: "Material Icons";content: "\e8b1";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-dentaku {font-size: 30px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-dentaku:before {font-family: "Material Icons";content: "\ea5f";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-car {font-size: 32px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-car:before {font-family: "Material Icons";content: "\e558";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-delivery {font-size: 32px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-delivery:before {font-family: "Material Icons";content: "\e8cb";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-cancel {font-size: 32px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-cancel:before {font-family: "Material Icons";content: "\e5c9";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-point {font-size: 32px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-point:before {font-family: "Material Icons";content: "\f17e";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-headset {font-size: 30px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-headset:before {font-family: "Material Icons";content: "\e311";}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-faq {font-size: 30px;font-weight: normal;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-faq:before {font-family: "Material Icons";content: "\eb8b";}
#guide .cmn_guide_box .guide_list_wrap .guide_list li {margin-bottom: 12px;}
#guide .cmn_guide_box .guide_list_wrap .guide_list li a {font-size: 16px;}
#guide .cmn_guide_box .guide_list_wrap .guide_list li:before {content: "";display: inline-block;vertical-align: middle;margin-right: 5px;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #076194;}

@media screen and (max-width: 767px) {
#guide .cmn_guide_box {margin-top: 0;}
#guide .cmn_guide_box .guide_list_wrap {margin: 30px -10px 0;padding: 0;border: none;display: block;}
#guide .cmn_guide_box .guide_list_wrap > li {float: none;width: 100%;margin: 0;}
#guide .cmn_guide_box .guide_list_wrap h4 {margin-bottom: 0;padding: 0;}
#guide .cmn_guide_box .guide_list_wrap h4 a {height: 45px;padding: 14px 0 0 48px;font-size: 16px;background: #f8f2de;border: 1px solid #f8f2de;border-top: solid 1px #d9cfb0;border-radius: 0;}
#guide .cmn_guide_box .guide_list_wrap h4 a:after {font-size: 15px;right: 10px;top: 15px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span {top: 7px;left: 10px;width: 31px;height: 31px;color: #ff8590;background: #fff;border-radius: 20px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-rogo {font-size: 20px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-register {font-size: 18px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-gift {font-size: 18px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-dentaku {font-size: 18px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-car {font-size: 20px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-delivery {font-size: 18px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-cancel {font-size: 20px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-point {font-size: 18px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-headset {font-size: 20px;}
#guide .cmn_guide_box .guide_list_wrap h4 a span.icon-faq {font-size: 20px;}
#guide .cmn_guide_box .guide_list_wrap h4.last {border-bottom: solid 1px #d9cfb0;}
#guide .cmn_guide_box .guide_list_wrap .guide_list {display: none;}
#guide.guide-top .cmn_guide_box .guide_list_wrap .guide_list {display: block;}
}


@media screen and (max-width: 767px) {
#guide .pink_btn {margin-top: 30px;}
#guide .pink_btn a {width: 100%;font-size: 16px;height: 40px;line-height: 40px;display: inline-block;overflow: hidden;text-align: center;text-decoration: none;color: #fff;border-radius: 25px;background-color: #ff8590;}
#guide .pink_btn a:before {position: relative;z-index: 1;top: -1px;display: inline-block;width: 0;height: 0;margin-right: 10px;content: "";vertical-align: middle;border-width: 5px 0 5px 6px;border-style: solid;border-color: transparent transparent transparent #fff;}
}

/* ---- */
/* guide_table01 */
/* ---- */#guide .guide_table01 {margin: 20px 0 0 0;border-top: 1px solid #e5e4e4;border-bottom: 1px solid #e5e4e4;}
#guide .guide_table01 th {line-height: 1.5;padding: 13px 10px 14px 22px;text-align: left;vertical-align: top;background: #f7f7f7;border-bottom: 1px solid #e5e4e4;}
#guide .guide_table01 th + th {border-left: 1px solid #e5e4e4;}
#guide .guide_table01 th.w270 {width: 270px;}
#guide .guide_table01 th.w380 {width: 380px;}
#guide .guide_table01 td {line-height: 1.5;padding: 13px 10px 14px 22px;text-align: left;vertical-align: top;border-bottom: 1px solid #e5e4e4;}
#guide .guide_table01 td + td {border-left: 1px solid #e5e4e4;}
#guide .guide_table01 td.txt_right {text-align: right;padding-right: 15px;}

@media screen and (max-width: 767px) {
#guide .guide_table01 {margin: 10px 0;border: 1px solid #e5e4e4;}
#guide .guide_table01 th {text-align: center;padding: 12px 0;vertical-align: middle;}
#guide .guide_table01 th.w270 {width: auto;}
#guide .guide_table01 th.w380 {width: auto;}
#guide .guide_table01 td {padding: 12px;}
}

#guide table.w_auto {width: auto;}

@media screen and (max-width: 767px) {
#guide table.w_auto {width: 100%;}}
#guide .note {text-indent: -1em;margin-left: 1em;}
#guide .note_small_font {font-size: 16px;text-indent: -1em;margin-left: 1em;}

@media screen and (max-width: 767px) {
#guide .note_small_font {font-size: 13px;}}
#guide .display_block {display: block;}
#guide .img_note {margin-top: 15px;font-size: 16px;line-height: 1.4;}

@media screen and (max-width: 767px) {
#guide .img_note {margin-top: 10px;font-size: 13px;}}
#guide .mt0 {margin-top: 0;}

@media screen and (max-width: 767px) {
#guide .border_bottom {padding-bottom: 20px;border-bottom: 1px solid #f0f0f0;}}
#guide .txt {line-height: 1.6;}

@media screen and (max-width: 767px) {
#guide .sp_mt15 {margin-top: 15px;}}
#guide .required {font-size: 16px;vertical-align: top;line-height: 26px;padding: 0 8px;margin: 0 5px;color: #fff;background: #d63d38;}
#guide .required::after {content: "";display: none;}

@media screen and (max-width: 767px) {
#guide .required {line-height: 16px;padding: 0 3px 1px;font-size: 12px;vertical-align: baseline;}}
#guide .how_to_get_box01 {position: relative;}
#guide .how_to_get_box01_btn {position: absolute;top: 184px;left: 40px;}
#guide .how_to_get_box01_btn a {width: 360px;font-size: 20px;text-decoration: none;display: block;line-height: 50px;text-align: center;color: #fff;border-radius: 50px;}
#guide .how_to_get_box01_btn a:hover{color: #12a73b;}
#guide .how_to_get_box01_btn_icon:before {position: absolute;font-size: 24px;}

@media screen and (max-width: 767px) {
#guide .how_to_get_box01_btn {top: 72%;left: 50%;margin-left: -135px;}
#guide .how_to_get_box01_btn a {width: 270px;font-size: 15px;line-height: 38px;}
#guide .how_to_get_box01_btn_icon:before {font-size: 17px;}}
#guide .wrapping_list01 {overflow: hidden;margin: 20px 0 0;}
#guide .wrapping_list01 li {float: left;width: 192px;margin-left: 9px;}
#guide .wrapping_list01 li:first-child {margin-left: 0;}
#guide .wrapping_list01 li .img {display: table-cell;width: 192px;height: 140px;background: #f7f7f7;text-align: center;}
#guide .wrapping_list01 li .img img {vertical-align: middle;}
#guide .wrapping_list01 li .img + p {margin: 8px 0 0;}
#guide .wrapping_list01 li p {line-height: 1.6;}

@media screen and (max-width: 767px) {
#guide .wrapping_list01 li {display: table;width: 50%;margin: 0 0 15px;}
#guide .wrapping_list01 li:nth-child(odd) {padding: 0 1% 0 0;}
#guide .wrapping_list01 li:nth-child(even) {padding: 0 0 0 1%;}
#guide .wrapping_list01 li .img {width: 100%;height: 90px;}
#guide .wrapping_list01 li .img img {height: auto;}
#guide .wrapping_list01 li .img + p {display: table-row;}
#guide .wrapping_list01 li p {font-size: 12px;}
#guide .wrapping_list01 li:nth-child(1) img {width: 60px;}
#guide .wrapping_list01 li:nth-child(2) img {width: 64px;}
#guide .wrapping_list01 li:nth-child(3) img {width: 63px;}
#guide .wrapping_list01 li:nth-child(4) img {width: 122px;}}
#guide .guide_list_wrap > li {/*float: left;*/width: 384px;margin: 0 0 35px 24px;}
#guide .guide_list_wrap h2 {margin-bottom: 25px;}
#guide .guide_list_wrap h2 a {overflow: hidden;display: block;position: relative;height: 52px;padding: 16px 0 0 67px;border: 1px solid #fff;font-size: 20px;color: #45331f;text-decoration: none;background: #ffcbcf;border-radius: 6px 4px 4px 6px;-webkit-transition: all 0.5s;transition: all 0.5s;}
#guide .guide_list_wrap h2 a:after {content: "\e91a";display: inline-block;vertical-align: middle;color: #ff8590;font-size: 19px;position: absolute;right: 12px;top: 17px;}
#guide .guide_list_wrap h2 a:hover {background: #fff;border: 1px solid #ffcbcf;}
#guide .guide_list_wrap h2 a span {display: inline-block;position: absolute;top: 0;left: 0;width: 52px;height: 52px;color: #fff;text-align: center;background: #ff8590;border-radius: 6px 0 0 6px;}
#guide .guide_list_wrap h2 a span.icon-rogo {font-size: 36px;padding-top: 7px;}
#guide .guide_list_wrap h2 a span.icon-register {font-size: 30px;padding-top: 11px;}
#guide .guide_list_wrap h2 a span.icon-gift-pc {font-size: 36px;padding-top: 7px;}
#guide .guide_list_wrap h2 a span.icon-dentaku {font-size: 33px;padding-top: 9px;}
#guide .guide_list_wrap h2 a span.icon-car {font-size: 34px;padding-top: 8px;}
#guide .guide_list_wrap h2 a span.icon-delivery {font-size: 34px;padding-top: 8px;}
#guide .guide_list_wrap h2 a span.icon-cancel {font-size: 34px;padding-top: 8px;}
#guide .guide_list_wrap h2 a span.icon-point {font-size: 36px;padding-top: 7px;}
#guide .guide_list_wrap h2 a span.icon-headset {font-size: 32px;padding-top: 9px;}
#guide .guide_list_wrap .guide_list li {margin-bottom: 20px;}
#guide .guide_list_wrap .guide_list li a {font-size: 16px;}
#guide .guide_list_wrap .guide_list li:before {content: ""; display: inline-block;vertical-align: middle;margin-right: 5px;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 6px;border-color: transparent transparent transparent #076194;}

@media screen and (max-width: 767px) {
#guide .guide_list_wrap {margin: 0 -10px;}
#guide .guide_list_wrap > li {float: none;width: 100%;margin: 0;}
#guide .guide_list_wrap h2 {margin-bottom: 0;}
#guide .guide_list_wrap h2 a {height: 45px;padding: 14px 0 0 48px;font-size: 16px;background: #f8f2de;border: 1px solid #f8f2de;border-top: solid 1px #d9cfb0;border-radius: 0;}
#guide .guide_list_wrap h2 a:after {font-size: 15px;right: 10px;top: 15px;}
#guide .guide_list_wrap h2 a span {top: 7px;left: 10px;width: 31px;height: 31px;color: #ff8590;background: #fff;border-radius: 20px;}
#guide .guide_list_wrap h2 a span.icon-rogo {font-size: 20px;padding-top: 6px;}
#guide .guide_list_wrap h2 a span.icon-register {font-size: 18px;padding-top: 8px;}
#guide .guide_list_wrap h2 a span.icon-gift-sp {font-size: 18px;padding-top: 6px;}
#guide .guide_list_wrap h2 a span.icon-dentaku {font-size: 18px;padding-top: 6px;}
#guide .guide_list_wrap h2 a span.icon-car {font-size: 20px;padding-top: 6px;}
#guide .guide_list_wrap h2 a span.icon-delivery {font-size: 18px;padding-top: 7px;}
#guide .guide_list_wrap h2 a span.icon-cancel {font-size: 20px;padding-top: 5px;}
#guide .guide_list_wrap h2 a span.icon-point {font-size: 18px;padding-top: 6px;}
#guide .guide_list_wrap h2 a span.icon-headset {font-size: 20px;padding-top: 5px;}
#guide .guide_list_wrap h2.last {border-bottom: solid 1px #d9cfb0;}
#guide .guide_list_wrap .guide_list li {margin-bottom: 0;}
#guide .guide_list_wrap .guide_list li a {position: relative;display: block;height: 40px;padding: 13px 0 0 10px;font-size: 14px;color: #3f3e3d;text-decoration: none;}
#guide .guide_list_wrap .guide_list li a:after {font-family: "Material Icons";font-size: 14px;position: absolute;top: 13px;right: 10px;height: 14px;margin: auto 0;content: "\e5e1";color: #bababa;}
#guide .guide_list_wrap .guide_list li:before {display: none !important;}
#guide .guide_list_wrap .guide_list li + li a {border-top: 1px dotted #ccc;}}
#guide #origin {padding: 40px;background: #faf5ec;}
#guide #origin h1.origin_img {box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.05);padding-top: 0;padding-bottom: 0;}
#guide #origin h2.cmn_tit01 {margin-top: 60px;}
#guide #origin ul {display: flex;justify-content: space-between;}
#guide #origin ul li {flex: 0 1 350px;border-radius: 6px;background: #fff;box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.05);}
#guide #origin ul li .img img {border-radius: 6px 6px 0 0;}
#guide #origin ul li h3 {padding: 25px 0 17px;font-size: 22px;font-weight: 700;color: #f39800;text-align: center;}
#guide #origin ul li .txt {padding: 0 30px 30px 30px;}

@media screen and (max-width: 767px) {
#guide #origin {padding: 0;margin: 0 -10px;background: #faf5ec;}
#guide #origin h2.cmn_tit01 {margin: 30px 10px 15px;}
#guide #origin ul {display: block;margin-left: 0;padding: 0 10px;}
#guide #origin ul li {width: auto;margin: 0 0 15px 0;border-radius: 4px;}
#guide #origin ul li .img img {border-radius: 4px 4px 0 0;}
#guide #origin ul li h3 {padding: 20px 0 15px;font-size: 16px;}
#guide #origin ul li .txt {padding: 0 15px 20px 15px;}}
#guide .arrow_blank {margin-top: 20px;}
#guide .arrow_blank a {padding-right: 24px;background: url(/img/usr/guide/about/ico_arrow_blank.png) no-repeat right center;background-size: 15px;}
#guide .regist_btn {width: 720px;margin: 35px auto 0;text-align: center;}
#guide .regist_btn a {line-height: 72px;font-size: 28px;text-decoration: none;display: block;border-radius: 50px; font-weight: 700;}

@media screen and (max-width: 767px) {
#guide .regist_btn {width: 280px;margin: 15px auto 0;}
#guide .regist_btn a {line-height: 1.2em;font-size: 15px; padding: 15px 0;}}
#guide .flow_box li .flow_box_in {overflow: hidden;margin: 10px 0;padding: 30px;border: 2px solid #e6e6e6;}
#guide .flow_box li .flow_box_in .img a {float: left;position: relative;border: 1px solid #e5e4e4;}
#guide .flow_box li .flow_box_in .img a:after {content: url(/img/usr/guide/btn_zoom_pc01.png);position: absolute;bottom: -1px;right: 0;cursor: pointer;}
#guide .flow_box li .flow_box_in .img a:hover {opacity: 0.7;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#guide .flow_box li .flow_box_in h3 {float: right;width: 740px;font-size: 22px;font-weight: 700;color: #3f3e3d;padding: 5px 0 15px;margin-bottom: 18px;border-bottom: 1px dotted #ccc;}
#guide .flow_box li .flow_box_in .txt {float: right;width: 740px;}
#guide .flow_box li .flow_box_in .txt .return {padding-bottom: 4px;}
#guide .flow_box li + li:before {display: block;width: 0;height: 0;margin: 0 auto;content: "";vertical-align: middle;border-width: 22px 45px 0 45px;border-style: solid;border-color: #c5c5c5 transparent transparent transparent;}

@media screen and (max-width: 767px) {
#guide .flow_box li {margin-top: -15px;}
#guide .flow_box li + li {margin-top: 0;}
#guide .flow_box li .flow_box_in {margin: 20px 0 10px;padding: 0 0 15px;border: none;border-bottom: 1px solid #e5e4e4;}
#guide .flow_box li .flow_box_in .img a {float: left;width: 118px;position: relative;margin: 0 10px 10px 0;}
#guide .flow_box li .flow_box_in .img a:after {display: inline-block;content: "";width: 120px;height: 27px;background: url(/img/usr/guide/btn_zoom_sp01.png);background-size: contain;position: absolute;bottom: -1px;right: 0;}
#guide .flow_box li .flow_box_in h3 {float: none;width: auto;font-size: 16px;padding: 0 0 10px;margin-bottom: 0;border-bottom: none;}
#guide .flow_box li .flow_box_in .txt {float: none;width: auto;}
#guide .flow_box li .flow_box_in .txt .return {width: 50px;padding-bottom: 2px;}
#guide .flow_box li + li:before {vertical-align: middle;border-width: 11px 23px 0 23px;}}
#guide .modal {display: none;}

@media screen and (max-width: 767px) {
#guide .featherlight-content {margin: 10px;}}
#guide .yamato_rogo {width: 214px;margin-top: 25px;}

@media screen and (max-width: 767px) {
#guide .yamato_rogo {text-align: center;width: auto;margin-top: 15px;}
#guide .yamato_rogo img {width: 183px;}}
/* ---- */
/*  お問合せ */
/* ---- */#guide .cv_area {margin-top: 35px;padding: 40px 60px;background-image: url(/img/usr/guide/bg_ptn01.png);}
#guide .cv_area .cv_area_in {display: flex;justify-content: space-between;align-items: center;position: relative;padding: 30px 0;background: #fff;border-radius: 3px;border: solid 1px #e6e6e6;}
#guide .cv_area .cv_area_in .cv_tel {float: left;padding: 0 35px 0 80px;border-right: dotted 2px #ccc;text-align: center;}
#guide .cv_area .cv_area_in .cv_tel dt img {width: 486px;padding-bottom: 12px;}
#guide .cv_area .cv_area_in .cv_tel dd {font-size: 18px;}
#guide .cv_area .cv_area_in .cv_mail {width: 360px;}
#guide .cv_area .cv_area_in .cv_mail a {line-height: 52px;display: block;-webkit-transition: 0.8s background, 1s color ease-out 0s;transition: 0.8s background, 1s color ease-out 0s;text-align: center;text-decoration: none;color: #fff;border: 1px solid #00a3d2;border-radius: 26px;background: #00a3d2;}
#guide .cv_area .cv_area_in .cv_mail a:before {font-family: "Material Icons";font-size: 22px;position: relative;top: -2px;display: inline-block;margin-right: 10px;content: "\e158";vertical-align: middle;color: #fff;-webkit-transition: 0.8s background, 1s color ease-out 0s;transition: 0.8s background, 1s color ease-out 0s;}
#guide .cv_area .cv_area_in .cv_mail a:hover {-webkit-transition: 0.2s background, 0.4s color ease-out 0.2s;transition: 0.2s background, 0.4s color ease-out 0.2s;color: #00a3d2;background: #fff;}
#guide .cv_area .cv_area_in .cv_mail a:hover:before {color: #00a3d2;}

@media screen and (max-width: 767px) {
#guide .cv_area {margin-top: 20px;padding: 15px;}
#guide .cv_area .cv_area_in {padding: 17px 15px 15px;}
#guide .cv_area .cv_area_in .cv_tel {float: none;padding: 0;border-right: none;border-bottom: dotted 1px #ccc;}
#guide .cv_area .cv_area_in .cv_tel dt img {width: 100%;padding-bottom: 7px;}
#guide .cv_area .cv_area_in .cv_tel dd {margin-bottom: 10px;padding: 6px 0 7px;font-size: 12px;background: #f7f7f7;border-radius: 2px;}
#guide .cv_area .cv_area_in .cv_mail {float: none;}
#guide .cv_area .cv_area_in .cv_mail a {line-height: 40px;position: static;display: inline-block;width: 100%;margin-top: 10px;border-radius: 20px;background: #00a3d2;font-size: 14px;}
#guide .cv_area .cv_area_in .cv_mail a:before {font-size: 18px;margin-right: 5px;}}
#guide.sitemap .guide_list_wrap h2 a {background: #f39800;padding: 16px 0 0 30px;color: #fff;pointer-events: none;}
#guide.sitemap .guide_list_wrap h2 a:after {content: none;}

@media screen and (max-width: 767px) {
#guide .cv_area .cv_area_in {display: block;}
#guide.sitemap .guide_list_wrap h2 a {padding: 14px 0 0 15px;}}
/* ---- */
/*  フリーダイヤル */
/* ---- */#guide .block-info {width: 560px;display: flex;justify-content: space-between;}
#guide .block-info .info-head {width: 210px;}
#guide .block-info .info-head .title {width: 210px;padding: 10px 0;margin: 0 0 3px 0;border-radius: 5px;font-size: 16px;font-weight: 700;text-align: center;line-height: 1.2;color: #fff;background: #00A200;}
#guide .block-info .info-head .free {font-size: 18px;font-weight: 700;text-align: center;letter-spacing: 2px;line-height: 1.2;color: #E98805;}
#guide .block-info .info-desc {width: 347px;text-align: center;}
#guide .block-info .info-desc .title {margin: 0;font-size: 18px;font-weight: 700;text-align: center;letter-spacing: -1px;line-height: 1.0;color: #333333;}
#guide .block-info .info-desc .number {margin: 0 0 5px 0;font-size: 47px;font-weight: 700;letter-spacing: 2px;line-height: 1.0;color: #E30000;}
#guide .block-info .info-desc .time {margin: 0;font-size: 14px;font-weight: 400;letter-spacing: 1px;line-height: 1.0;color: #333333;}

@media screen and (max-width: 767px) {
#guide .block-info {width: auto;display: block;}
#guide .block-info .info-head {width: auto;}
#guide .block-info .info-head .title {width: auto;padding: 5px 0;font-size: 14px;}
#guide .block-info .info-desc .number {font-size: 10vw;}
#guide .block-info .info-desc {width: auto;}
#guide .block-info .info-desc .title {font-size: 14px;padding: 10px 0 10px;}
#guide .cv_area .cv_area_in .cv_mail {width: auto;}
#guide .cv_area .cv_area_in .cv_mail {margin-top: 15px;padding-top: 5px;border-top: 1px solid #ccc;}}
/* ---- */
/* cmn_company_table */
/* ---- */.cmn_company_table {border-top: 1px solid #e5e4e4;border-bottom: 1px solid #e5e4e4;text-align: left;}
.cmn_company_table th {width: 320px;padding: 17px 0 17px 20px;background: #f7f7f7;vertical-align: top;border-bottom: 1px solid #e5e4e4;}
.cmn_company_table td {padding: 17px 0 17px 22px;border-bottom: 1px solid #e5e4e4;border-left: 1px solid #e5e4e4;}
.cmn_company_table td ul {margin-top: -10px;}
.cmn_company_table td ul li {float: left;width: 400px;padding-top: 10px;}
.cmn_company_table td .other {padding: 10px 0 0 400px;}

@media screen and (max-width: 767px) {.cmn_company_table {width: 100%;border-top: none;border-right: 1px solid #e5e4e4;border-bottom: 1px solid #e5e4e4;border-left: 1px solid #e5e4e4;margin-top: 15px;line-height: 1.4;}
.cmn_company_table th {width: 100%;display: block;padding: 13px 0 13px 10px;border-top: 1px solid #e5e4e4;border-bottom: none;}
.cmn_company_table td {display: block;padding: 13px 0 13px 10px;border: none;}
.cmn_company_table td ul {margin-top: -5px;}
.cmn_company_table td ul li {float: none;width: 100%;padding-top: 5px;}
.cmn_company_table td .other {padding: 5px 0 0 0;}}
/* ---- */
/* membership */
/* ---- */.membership {position: relative;border-top: 12px solid #fbb136;}
.membership:before {content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 13px 20px 13px;border-color: transparent transparent #fbb036 transparent;margin: 0 auto;left: 0;right: 0;top: -26px;}
.membership_in {padding: 36px 40px 70px;background: url(/img/usr/guide/cart/bg_mesh01.png);position: relative;}
.membership_in:after,.membership_in:before {content: '';position: absolute;width: 108px;height: 108px;}
.membership_in:before {background: url(/img/usr/guide/cart/ico_ribon01.png);top: 0;left: 0;}
.membership_in:after {background: url(/img/usr/guide/cart/ico_ribon02.png);bottom: 0;right: 0;}
.membership_tit {color: #fbb136;font-size: 44px;text-align: center;}
.membership_list {margin-top: 35px;}
.membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri01.png);background-repeat: no-repeat;background-size: cover;width: 100px;height: 100px;text-indent: 100%;white-space: nowrap;overflow: hidden;position: absolute;top: -20px;left: -20px;}
.membership_list_tit {font-size: 26px;color: #45331f;font-weight: 700;padding-left: 55px;}
.membership_list_txt {margin-top: 30px;line-height: 1.6;}
.membership_list li {position: relative;padding: 30px 38px;background: #fff;border: 2px solid #f2e297;}
.membership_list li + li {margin-top: 30px;}
.membership_list li + li .membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri02.png);}
.membership_list li + li + li .membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri03.png);}
.membership_list li + li + li + li .membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri04.png);}
.membership_list li + li + li + li + li .membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri05.png);}
.member_ship_scroll {height: 260px;font-size: 14px;line-height: 1.4;/* max-width: 980px;*/margin-left: auto;margin-right: auto;overflow: auto;border: 1px solid #e5e4e4;}
.member_ship_scroll p {padding: 20px;}

@media screen and (max-width:767px) {
.membership {border-top: 6px solid #fbb136;}
.membership:before {border-width: 0 6.5px 10px 6.5px;border-color: transparent transparent #fbb036 transparent;top: -13px;}
.membership_in {padding: 18px 10px 15px;background: url(/img/usr/guide/cart/bg_mesh01.png);position: relative;}
.membership_in:after,.membership_in:before {width: 54px;height: 54px;background-size: cover;}
.membership_in:after {content: none;}
.membership_tit {font-size: 22px;}
.membership_list {margin-top: 15px;}
.membership_list_icon {width: 60px;height: 60px;top: -10px;left: -10px;}
.membership_list_tit {font-size: 16px;line-height: 1.25;padding-left: 40px; height: 2.2em;}
.membership_list_txt {margin-top: 10px;line-height: 1.5;}
.membership_list li {padding: 12px 15px;border: 1px solid #f2e297;}
.membership_list li + li {margin-top: 30px;}
.membership_list li + li .membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri02.png);}
.membership_list li + li + li .membership_list_icon {background-image: url(/img/usr/guide/cart/ico_pri03.png);}}
/* ---- */
/*  payment_list */
/* ---- */.payment_list li {padding-left: 1.1em;text-indent: -1.1em;padding-bottom:5px;}
.payment_link {font-size: 18px;}
.arrow_blank a {padding-right: 24px;background: url(/img/usr/guide/about/ico_arrow_blank.png) no-repeat right center;background-size: 15px;}

@media screen and (max-width: 767px) {.payment_link {font-size: 14px;}}
/* ---- */
/*  新規会員登録ボタン */
/* ---- */.purchase_box_btn_icon.icon-register:before {font-size: 15px;}
#guide .purchase_box_btn_icon.icon-register:before{font-size: 24px;}

@media screen and (max-width: 767px) {
#guide .purchase_box_btn_icon.icon-register:before{font-size: 17px;}
.wrapper #guide .btn_icon_left [class^='icon-']{top: 30%;}
}
/* ---- */
/*  キャプチャ表示位置微調整 */
/* ---- */@media print, screen and (min-width: 767px) {.cmn_guide_float01.fx {display: flex;justify-content: space-between;}
.cmn_guide_float01_r_img.border_bottom {margin-top: auto;}}
/* ---- */
/*  後払い */
/* ---- */.txt_underline {text-decoration: underline;font-weight: bold;vertical-align: top;}
.txt_bold {font-weight: bold;vertical-align: top;}
.arrow_blank a {padding-right: 24px;background: url(/image/usr/guide/about/ico_arrow_blank.png) no-repeat right center;background-size: 15px;word-break: break-all;}/* 注意事項 */.note_ttl {position: relative;margin-top: 30px;margin-bottom: 0;padding: 1em 1.2em;font-size: 1.1em;/* color: #f39800;*/font-weight: bold;line-height: 1.5;background: #ffeccd;border-bottom:0px;}
.note_box01 {padding: 15px;border: 2px solid #ffeccd;border-top: none;line-height: 1.5;}
.note_list li {padding-left: 1.1em;text-indent: -1.1em;padding-bottom: 5px;}

@media screen and (max-width: 767px) {.note_list {margin-left: -10px;}}
/* ご利用手順共通 */.howtouseBox {display: flex;flex-wrap: wrap;align-content: space-between;}
.howtouseBox li {position: relative;margin-bottom: 10px;flex: 0 1 24%;}
@media all and (-ms-high-contrast:none){.howtouseBox.au li,.howtouseBox.paypay li {flex: 0 1 21%;}/* IE10 */}

@media screen and (max-width: 767px) {.howtouseBox li {flex:0 1 49%;}}
.howtouseBox li::after {font-family: "Material Icons";content: '\e409';display: block;position: absolute;height: 4em;top: 0;bottom: 0;right: -10px;margin: auto;padding-bottom: 10%;z-index: 2;color: #949494;font-size: 2em;}
.howtouseBox li:nth-child(4)::after,.howtouseBox li:last-child::after {display: none;}

@media screen and (max-width: 767px) {.howtouseBox li:nth-child(2n+0)::after {display: none;}}
.howtouseBox li .ex_txt {padding-top: 10px;font-size: .9em;font-weight: bold;color: #626262;line-height: 1.5;}
.howtouseBox li .ex_txt.adj {position: absolute;bottom: 1.5em;left: 20px;}
.howtouseBox li .tx-kerning {font-feature-settings: "palt";}/* d払いご利用手順 */.howtouseBox.d_pay {margin-left: -20px;margin-right: -20px;}
.howtouseBox.d_pay li {text-align: center;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
.howtouseBox.d_pay li img {display: block;margin-left: auto;margin-right: auto;max-width: inherit;height: 536px;}
.howtouseBox.d_pay li:last-child img {height: auto;max-width: 240px;}

@media screen and (max-width: 767px) {.howtouseBox.d_pay li img {width: auto;height: 76vw;}
.howtouseBox.d_pay li:last-child img {height: auto;max-width: 40vw;}}
/* auご利用手順 */.howtouseBox.au {margin-left: -20px;margin-right: -20px;}
.howtouseBox.au li {padding-left: 20px;padding-right: 20px;}
.howtouseBox.au li img {border: 1px solid #ccc;border-radius: 5px;}
/* paypayご利用手順 */.howtouseBox.paypay {margin-left: -20px;margin-right: -20px;}
.howtouseBox.paypay li {padding-left: 20px;padding-right: 20px;}
/*ご注文について修正*/#guide dl.num{display: flex;justify-content: flex-start;margin-bottom: 20px;}
#guide dl.num dt{width: 1.2em;text-align: left;}
#guide dl.num dd{padding-left: 0.4em;}
#guide .flow_box li + li:before{display: none;}