/** Shopify CDN: Minification failed

Line 6:9 "UTF-8" will be used instead of unsupported charset "euc-jp"

**/
@charset "euc-jp";
/*====================================================================

index.css

====================================================================*/


.sidebar .menu {
   margin-top: 1px;
   background: #ffffff;
   padding-bottom:20px;
}

.sidebar .menu dl {
   margin-left: 1px;
   margin-right: 1px;
}

.sidebar .menu dl dt {
   border: 1px solid #9c9c9c;
   margin-bottom: 1px;
}

#contents .sidebar .menu dt a {
   display: block;
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 15px;
   text-decoration: none;

   padding-top: 5px;
   padding-bottom: 5px;

   color: #555;
}

#contents .sidebar .menu dt a:link, #contents .sidebar .menu dt a:visited {
   background-image: url(../img/guide/menu_bg_off.gif);
}
#contents .sidebar .menu dt a:hover {
   background-image: url(../img/guide/menu_bg_on.gif);
}
#contents .sidebar .menu dt a:active {
   color: #ff0000;
}

#contents .sidebar ul{
   background: #ffffff;
}

#contents .sidebar ul li{
   width:148px;
   height:25px;
   line-height:25px;
   border-bottom:1px dotted #d8d8d8;
}

#contents .sidebar ul li a{
   width:138px;
   padding-left:10px;
   display:block;
}

#main h2{
   height: auto!important;
   background: #fff;
   border-bottom: solid 1px #dedede;
   margin-left: 1px;
}
#main h3 {
}

#main h4 {
   font-size: 10pt;
   border-bottom: 1px solid #959595;
   padding: 5px;
   margin-bottom: 3px;
   border: 1px solid #c8c8c8;
   color: #6b6857;
   background-color: #f5f4ed;
}


#main div.guide {
   margin-top: 1px;
   border: 1px solid #c8c8c8;
   padding: 6px;
   line-height: 150%;
}

#main dl {
}

#main dt {
   font-weight: bold;
   border-bottom: 1px solid #c8c8c8;
   padding: 3px;
   color: #88846a;
}

#main dd {
   padding: 3px;
   margin-bottom: 5px;
}
#main dd.define__description {
  padding: 1.2rem 0;
}
#main div.notice_area {
   border: 1px solid #06e600;
   padding: 10px;
   background-color: #f3fff2;
   margin: 10px;
   margin-left: 20px;
   margin-right: 20px;
}

#main strong.more {
   margin: 5px;
}

#main .guide ul {
   margin: 0; padding: 0;
   list-style-type: none;
   padding: 5px;
}

#main .guide ul li {
   background-image: url(../img/common/list_pointer.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 10px;
   margin-bottom: 8px;
}

#main .guide ul li.inline {
   display: inline;
   padding-right: 3px;
}

dl#vtcvs dd ul.vtcvs1 li{
   height:35px;
   line-height:35px;
   border-bottom:1px dotted #d5d5d5;
}

dl#vtcvsipn dd ul.vtcvs1 li{
   line-height:35px;
   border-bottom:1px dotted #d5d5d5;
}

dl#vtcvs dd ul.vtcvs1 li img.vtcvslogo{
   display:block;
   line-height:35px;
   float:left;
   clear:left;
   margin-right:15px;
}

dl#vtcvs dd ul.vtcvs1 li div{
   height:35px;
   line-height:35px;
   display:block;
   float:left;
}

table.monitors{
   padding:0;
   margin:0;
   margin:0 auto;
   border-collapse: collapse;
   width:600px;
}

dl#vtcvsipn table.monitors{
   padding:0;
   margin:0;
   margin:0 auto;
   border-collapse: collapse;
   width:300px;
}

dl#vtcvsipn table.monitors td img{
   margin:0 auto;
}

dl#vtcvsipn table.monitors td div{
   text-align: left;
}

table.monitors th,
table.monitors td{
   padding:5px;

}

table.monitors.lawson tr.trb{
   border:1px dotted #0099FF;
}

table.monitors.famima tr.trb{
   border:1px dotted #66cc33;
}

table.monitors.seiko tr.trb{
   border:1px dotted #ff9933;
}

table.monitors span{
   font-weight:bold;
   color:#ff0033;
}

#guide-point{
   padding: 0 0 20px!important;
}
#guide-point h3{
   height: 100px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/guide/point/h2.gif) no-repeat center center;
}

.guide-point-box{
   width: 619px;
   background: #FFF6FF;
   border: solid 2px #EAB9D2;
   /*background: url(../img/guide/point/box_bg.gif) repeat-y;*/
   margin-left: 10px;
   margin-bottom: 15px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.guide-point-box dt{
   font-size: 18px;
   color: #FF3399 !important;
   line-height: 1;
   background: none !important;
   overflow: hidden;
   border-bottom: dotted 2px #ddd !important;
   margin: 0!important;
   padding: 15px !important;
}
.guide-point-box dd{
   margin: 0!important;
   padding: 5px 15px 18px!important;

}
#guide-point-box1 dt{background: url(../img/guide/point/title1.gif) no-repeat;}
#guide-point-box2 dt{background: url(../img/guide/point/title2.gif) no-repeat;}
#guide-point-box3 dt{background: url(../img/guide/point/title3.gif) no-repeat;}
#guide-point-box4 dt{background: url(../img/guide/point/title4.gif) no-repeat;}

.guide-point-btn,
.guide-point-btn a{
   width: 336px;
   height: 96px;
}
.guide-point-btn{
   background: url(../img/guide/point/btn.jpg) no-repeat;
   margin: 0 0 0 141px;
}
.guide-point-btn a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
.guide-point-btn a:hover{
   background: #fff;
   opacity:0.2;
   filter: alpha(opacity=20);
}

/*====================================================================

110909 ｡ﾝ rnw

====================================================================*/

div.note{
   margin: 10px 0 0 0;
   font-size: 10px;
   border: 1px solid #C8C8C8;
   }
div.note p{
   padding: 5px 10px 0 10px;
   font-size: 12px;
   line-height: 20px;
   font-weight: bold;
   }
div.note ul{

   }
div.note ul li{
   margin: 0 !important;
   padding: 0!important;
   line-height: 16px !important;
   background-image: none !important;
   }


ul.size-nav{
   padding: 20px 20px 10px !important;
}
ul.size-nav li{
   float: left;
   margin: 0px 20px 0px 0;
   }
ul.size-nav li a{}

.img-list{
   clear: both;
   }

.img-list {}
.img-list .img-list-contents{
   margin-top: -100px;
   padding-top: 100px;
}

.img-list dt{
   padding-top: 30px !important;
   border: none !important;
   }
.img-list dd{}
.img-list dd img{
   width: 100%;
   height: auto;
}

.include table{
   padding-bottom: 15px;
}
.include table th,
.include table td{
   text-align: left;
   padding: 15px 5px 0;
}
.include table th{
   font-weight: normal;
}
.include table td{

}

.include div.note p{
   padding-right: 5px;
   padding-bottom: 5px;
}

.info-box{
   padding: 9px;
}
.info-box h5{
   font-size: 14px;
   border-bottom: solid 1px #ddd;
   padding-bottom: 7px;
   margin-bottom: 7px;
}
.info-box h6{
   color: #88846A;
}


/* 特定商取引法に基づく表記*/

body dt {
   padding-bottom: 5px;
   border-bottom: solid 1px #c8c8c8;
   color: #8f8a78;

}
body dl dd {
   margin: 5px 0 15px 5px;
}


/* お買い物方法 */
.wrap-shopping-guide {
   font-size: 1.3rem;
   line-height: 1.8;
}
.wrap-shopping-guide .step {
   margin: 0 0 60px;
}
.wrap-shopping-guide .step .group a {
   display: block;
}
.wrap-shopping-guide .step-icon {
   color: #fff;
   background-color: #a2a2a2;
   margin-right: 10px;
   padding: 2%;
}
.wrap-shopping-guide .step-ttl {
   line-height: 4em;
}
.wrap-shopping-guide .title-q {
   color: #000 !important;
   margin-bottom: 20px;
   padding: 10px !important;
}
.wrap-shopping-guide .sub-ttl {
   margin: 0 0 1.5em;
   padding: 3px 10px !important;
   border-left: 7px solid #e90000;
   border-bottom: 1px solid #858585 !important;
   font-weight: bold;
   color: #000 !important;
}
.wrap-shopping-guide .step-contents .lead-sub {
   margin: 40px 15% 60px !important;
}
.wrap-shopping-guide .accordion-menu .display-None {
   display: none;
}
.wrap-shopping-guide .accordion-menu .accordion a {
   position: relative;
}
.wrap-shopping-guide .accordion-menu .accordion a:before {
   content: "";
   position: absolute;
   left: -14px;
   border: 7px solid transparent;
   border-left: 10px solid #000;
   top: 50%;
   transform: translateY(-50%);
}
.wrap-shopping-guide .accordion-menu .accordion a {
   display: block;
}
.wrap-shopping-guide .accordion-menu .contentWrap {
   margin: 20px 0;
}
.wrap-shopping-guide .accordion-menu .switch,
.wrap-shopping-guide .step .group {
   cursor: pointer;
   font-weight: bold;
   font-size: 14px;
   border: 1px solid #bcbcbc;
   position: relative;
/* 	padding: 14px 0; */
   margin-bottom: 10px;
}
.wrap-shopping-guide .accordion-menu .switch:after,
.wrap-shopping-guide .step .group:after {
   content: "";
   display: inline-block;
   position: absolute;
   top: 45%;
   right: 40px;
   width: 20px;
   height: 20px;
   border-right: 2px solid #c8c8c8;
   border-bottom: 2px solid #c8c8c8;
   transform: translateY(-50%) rotate(45deg);
   transition: .3s;
}
.wrap-shopping-guide .accordion-menu .switch.open:after {
   transform: rotate(225deg);
}
.wrap-shopping-guide .text {
   margin: 20px 0;
}
.wrap-shopping-guide .lead {
   margin: 20px 0 80px 0 !important;
   padding: 0 !important;
}
.wrap-shopping-guide .text a.link {
   color: #002ec8;
   text-decoration: underline;
}
.wrap-shopping-guide .text a.link:hover {
   text-decoration: none;
}
.wrap-shopping-guide .image {
   width: 60%;
   margin: auto !important;
}
.wrap-shopping-guide .flex-image {
   width: 100%;
}
.wrap-shopping-guide .image-adj {
   width: 100%;
}
.wrap-shopping-guide .flex-image img,
.wrap-shopping-guide .image img {
   width: 100%;
}
.wrap-shopping-guide .step-contents .step-no {
   text-align: left !important;
   margin-bottom: 20px;
}
.wrap-shopping-guide .step-contents .primary {
   margin-bottom: 80px;
}
.wrap-shopping-guide .step-contents .lead {
   margin: 40px auto 0;
   width: 70%;
}
.wrap-shopping-guide .step-contents dd {
   margin: 0;
   padding: 0 !important;
}
.wrap-shopping-guide .flex p {
   margin: 0 1%;
}
.wrap-shopping-guide .bg-gray {
   background: #dddddd;
   padding: 10px;
   margin: 10px 0;
   width: 100%;
}
.wrap-shopping-guide .memo {
   color: #e0270b;
}


/*ベース*/
.wrap-shopping-guide .toggle {
   display: none;
}
.wrap-shopping-guide .Label {		/*タイトル*/
   padding: 0 1em;
   display: block;
   color: #000;
}
.wrap-shopping-guide .Label::before{		/*タイトル横の矢印*/
   content: "";
   border-left: 0px solid transparent;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 6px solid black;
   -webkit-transform: rotate(45deg);
   position: absolute;
   top: calc( 50% - 3px );
   left: 0;
   transform: rotate(-90deg);
}
.wrap-shopping-guide .Label,
.wrap-shopping-guide .content {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transform: translateZ(0);
   transition: all 0.3s;
}
.wrap-shopping-guide .content {
   width: 100% !important;
}
.wrap-shopping-guide .content > div:last-of-type {
   margin: 0 !important;
}
.wrap-shopping-guide .content {		/*本文*/
   height: 0;
   overflow: hidden;
}
.wrap-shopping-guide .toggle:checked + .Label + .content {	/*開閉時*/
   height: auto;
   transition: all .3s;
}
.wrap-shopping-guide .toggle:checked + .Label::before {
   transform: rotate(0deg) !important;
}
.wrap-shopping-guide dt {
   color: #000 !important;
   border-bottom: none !important;
   padding: 0 !important;
}


/* 2022年ご利用ガイド */
.guide_2022 {
   font-size: 0.9em;
}
.guide_2022 .primary {
   margin: 0 0 6rem;
}
.guide_2022 .read {
   margin: 4rem 0;
}
.guide_2022 dd {
   margin: 0 0 6rem !important;
   padding: 0 !important;
}
.guide_2022 dt {
   padding: 0;
   margin-bottom: 10px;
}
.guide_2022 .read a,
.guide_2022 dd a {
   text-decoration: underline;
   color: #e04349;
}
.guide_2022 .read a:hover,
.guide_2022 dd a:hover {
   text-decoration: none;
}
.guide_2022 .notes-list {
   margin-top: 1rem;
}
.guide_2022 .secondary {
   margin: 2rem 0;
}
.guide_2022 .secondary .heading {
   font-weight: bold;
}
.guide_2022 #customer,
.guide_2022 #company,
.guide_2022 #whet,
.guide_2022 #no_returnable,
.guide_2022 #refund_range,
.guide_2022 #credit,
.guide_2022 #defer_redpayment,
.guide_2022 #attention {
   display: block;
   margin-top:-80px;
   padding-top:80px;
   padding-right: 0;
   padding-left: 0;
}
.guide_2022 .container {
   width: 100% !important;
}
.guide_2022 .read {
   margin-bottom: 2rem !important;
   padding-bottom: 0 !important;
}
.guide_2022 .about-returns-ttl {
   background: #efefef !important;
   margin: 14px 0 2em;
}


/*----------------------------------------------


LINEミニアプリ改修


----------------------------------------------*/
.line-mini-app .note-link a:after {
   text-decoration: underline;
   display: inline-block;
   content: "";
   width: 6px;
   height: 6px;
   vertical-align: middle;
   border-width: 0 2px 2px 0;
   border-style: solid;
   border-color: #1a1a1a;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   vertical-align: middle;
   position: absolute;
   top: 10px;
}
.line-mini-app.guide {
   padding: 0 !important;
   line-height: 100%;
}
.line-mini-app.guide h2 {
   font-weight: bold;
   text-align: left !important;
   padding: 14px !important;
   background: #eee;
   font-size: 15px !important;
}
.line-mini-app .note-link a:after {
   text-decoration: underline;
   display: inline-block;
   content: "";
   width: 6px;
   height: 6px;
   vertical-align: middle;
   border-width: 0 2px 2px 0;
   border-style: solid;
   border-color: #1a1a1a;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   vertical-align: middle;
   position: absolute;
   top: 6px;
}
.line-mini-app .flex {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-flow: row wrap;
   flex-wrap: wrap;
   -ms-flex-pack: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   flex-wrap:wrap;
}


/* guide */
.line-mini-app.guide {
   border: none !important;
}
.line-mini-app.guide .wrap-menu h2 {
   background: #eee !important;
   border-bottom: none !important;
}
.line-mini-app.guide .wrap-menu .container {
   width: 99% !important;
}


/* ank-link */
.line-mini-app .ank-link {
   margin: auto;
   justify-content: space-between;
   font-size: 15px;
}
.line-mini-app .ank-link li {
   width: 32%;
   border: 1px solid #1a1a1a;
   border-radius: 10px;
   margin: 3px 0 !important;
   padding: 0 !important;
   text-align: center;
   line-height: 1.4em;
   height: 50px;
   position: relative;
   background: none !important;
}
line-mini-ap.guide#main .guide ul {
   padding: 0 !important;
}
.line-mini-app .ank-link li a {
   display: block;
   width: 100%;
   height: 100%;
}
.line-mini-app .ank-link li a p {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.line-mini-app .ank-link .faq {
   width: 100%;
   display: inline-block;
   border: none;
   height: 100%;
   margin: 20px 0 40px !important;
}
.line-mini-app #order,
.line-mini-app #return,
/* .line-mini-app #item, */
.line-mini-app #member,
.line-mini-app #another,
.line-mini-app #deliver {
   padding-top:100px;
   margin-top:-100px;
}


/* point */
.line-mini-app.point .note-link {
   text-decoration: underline;
   position: relative;
   margin: 10px 0;
}

.line-mini-app.guide .ank-link .note-link a {
   text-decoration: underline;
}


.img-list .img-list-contents .title-q {
   margin: 2em 0 !important;
}