@charset "UTF-8";

/*ヘルプページトップのCSS*/
.cam_anchor { padding-top: 105px; margin-top: -105px; }
.toggle_wrap {width:100%; height: auto; margin: 0 auto; padding:10px 10px 10px 10px; text-align:left; font-size: 14px; line-height:1.6em ; overflow: hidden;}
.toggle_wrap a { color:#000000; text-decoration: none;}
.toggle_wrap a:hover { color:#666666; text-decoration: none;}

.toggle_wrap_box1 { margin-bottom: 20px;}
.toggle_wrap_box1 h1 { font-size: 16px; margin: 10px 0 10px 0;}

.qicon{ color:#aaaaaa; font-weight: bold; font-size:2.0em; margin-right:1px; }
.qicon_sub{ color:#aaaaaa; font-weight: bold; font-size:2.0em; margin-right:1px; }
.qiconb{ color:#aaaaaa; font-weight: bold; font-size:1.5em; margin-right:1px; }

.toggle_title{ height: auto; background-color: #ffffff; color: #000000; font-size:18px; font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom: 5px; padding-top: 10px;}
.toggle_title2{ height: auto; background-color: #ffffff; color: #000000; font-size:18px; font-weight: bold; border-bottom: 1px solid #cccccc; padding-bottom: 5px; padding-top: 10px;}

.help_list{width: 100%; height: 55px; border-bottom: 1px solid #cccccc; background-color: #ffffff; line-height: 45px;}

.help_list a{ color: #000; text-decoration: none;}
.toggle_switch { position: relative; height: 55px; font-size:1.0em; background-color: #ffffff; color: #000000;  border-bottom: 1px solid #cccccc; line-height: 50px;}
.toggle_switch.open {border: none;}

ul.toggle_contents { display: none; width: 100%; height: auto; margin: 0; list-style: none;}
ul.toggle_contents li { width: 100%; height: 50px; line-height: 50px; margin: 0; padding: 0 0 0 0; border-bottom: 1px solid#dddddd; font-size:14px;}
.toggle_contents a{ color: #000; text-decoration: none; }

.help_arrow{ position: relative; display: inline-block; padding-left: 20px;}
.help_arrow::before{
    content: '';
    width: 9px; height: 9px; border: 0px; border-right: solid 1px #000000; border-bottom: solid 1px #000000;
    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);
    transform: rotate(45deg); position: absolute; top: -14px; left: 13px; margin-top: 0px;}

/*中身のCSS共通*/
.help_answerwrap { width:100%; height: auto; padding:10px 3px 10px 0px; text-align:left; font-size:14px; line-height:1.7 ;}
.help_answerwrap a { color: #000; text-decoration: none;}
.help_answerwrap a:hover { color:#666666; text-decoration: none;}
.help_answerwrap h1 { font-size: 16px; font-weight: bold; margin-bottom: 15px; margin-left: 5px;}
.delivers_abox{ position: relative; padding-left: 3px;line-height: 2.0;}
span.caution { font-weight: bold; color: #DC415A; margin-bottom: 3px; height: auto; display: inline-block;}

/*商品の配送について*/
.help-delivers { margin: 0 5px 30px 5px;}
.help-delivers p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}

.postage { height:auto; width: 90px; color:#000000; margin-bottom: 5px;} 
.postage_area{ height:auto; width:90px; margin:0px; background-color: #F6F6F6; color:#000000; border-top: solid 1px #DDDDDD; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; padding: 3px; text-align: left;}
.postage_price{ height:auto; width:90px; margin:0px; background-color: #ffffff; color:#000000; border-top: solid 1px #DDDDDD; border-left: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; padding: 3px; text-align: right;}
.postage_box { width:100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;} 

/*お支払い方法について*/
.help-payment { margin: 0 5px 20px 5px;}
.help-payment p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}
.pay_h2 { font-size: 16px; font-weight: bold; margin-top: 0;}
.help-bank_title { width: 100%; background-color: #dddddd; height: 40px; text-align: center; line-height: 40px; font-weight: bold; margin-top: 10px; border-top: 1px solid #DDDDDD;}
.help-bank_box { width: auto; display: flex; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.help-bank_box_main { height: auto; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD;}
.help-bank_name { background-color: #F6F6F6; height: 40px; line-height: 40px; width: 30%; text-align: center; border-right: 1px solid #DDDDDD;}
.help-bank_name-b { height: 40px; line-height: 40px; background-color: #ffffff; width: 70%; text-align: center;}

.help-daibiki_box_main { height: auto; width: 100%; margin-top: 10px; margin-bottom: 20px;}
.help-daibiki_box { width: 100%; display: flex; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background-color: #F6F6F6; border-bottom: 1px solid #DDDDDD;}
.help-daibiki_boxb { width: 100%; display: flex; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background-color: #ffffff; border-bottom: 1px solid #DDDDDD;}
.help-daibiki_name { height: 40px; line-height: 40px; width: 60%; text-align: center; border-right: 1px solid #DDDDDD;}
.help-daibiki_name-b { height: 40px; line-height: 40px; width: 40%; text-align: center;}

.help-card_neme { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; margin-bottom: 20px;}
.help-np_img { width: 100%; margin-bottom: 20px;}
.help-np_main { margin-bottom: 20px;}

/*予約商品について*/
.help-reservation { margin: 0 5px 20px 5px;}
.help-reservation p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}

/*ご利用ガイド*/
.help-guide { margin: 0 5px 20px 5px;}
.help-guide p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}

/*返品・交換について*/
.help-return { margin: 0 5px 20px 5px;}
.help-return p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}

/*会員登録について*/
.help-menber { margin: 0 5px 20px 5px;}
.help-menber p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}

/*ポイントについて*/
.help-point { margin: 0 5px 20px 5px;}
.help-point p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}

/*クーポンについて*/
.help-coupon { margin: 0 5px 20px 5px;}
.help-coupon p{ font-size: 16px; padding-bottom:3px; border-bottom: solid 1px #cccccc ; margin-bottom:3px; font-weight: bold; line-height: 1.2;}


/*アンカーリンク位置調整*/
a.help-anchor{ display: block; padding-top: 105px; margin-top: -105px;}

.a_qicon{ color:#aaaaaa; font-weight: bold; font-size: 25px; }
.a_aicon{ color:#4d4d4d; font-weight: bold; font-size: 16px;}
.bluefont{ color:#0596C8; font-weight: bold; }
.redfont{ color:#DC415A; font-weight: bold; }
.black_bold{ font-weight: bold; }
.underline{ text-decoration:underline; text-decoration-color:#000000;}


/* 商品詳細予約商品についてデザインSP */
.fs-l-pageMain .item_pre_manual { font-size: 14px; }
.fs-l-pageMain .item_pre_manual p { margin: 15px 5px;}
#fs_ProductCategory > div > font > font > main > section > div.item_pre_manual > h1 { background-color: #cccccc; padding: 10px 5px; height: 40px; font-size: 16px; line-height: 20px; color: #ffffff; font-weight: bold;}
#fs_ProductCategory > div > font > font > main > section > div.item_pre_manual > h2 { font-size: 15px; font-weight: bold;}
.item_pre_manual_attention { color:red; }
#fs_ProductCategory > div > font > font > main > section > div.item_pre_manual > p:nth-child(12) { margin-top: 5px;}
#fs_ProductCategory > div > font > font > main > section > div.item_pre_manual > p:nth-child(14) { margin-top: 5px;}
#fs_ProductCategory > div > font > font > main > section > div.item_pre_manual > p:nth-child(16) { margin-top: 5px;}
#fs_ProductCategory > div > font > font > main > section > div.item_pre_manual > p:nth-child(18) { margin-top: 5px;}