@charset "utf-8";
/* **********************************************
guide.css
-------------------------------------------------
guide.php
guide_payment.php
guide_exchange.php
guide_delivery.php
guide_shopping.php
********************************************** */

/* article */
.guide_block,
.guide_detail_block{
  max-width:720px;
  margin:0 auto;
  padding:0 20px;
}
.guide_block li + li{
  margin-top:20px;
}
.guide_block li a{
  display:block;
  padding:17px 20px;
  font-size:16px;
  font-weight:bold;
  color:#000;
  letter-spacing:0.1em;
  line-height:1.6;
  text-align:center;
  border:solid 1px #000;
}
.guide_block li a span{
  display:block;
  padding-top:7px;
  font-size:12px;
  font-weight:normal;
}
.guide_block li a span br{
  display:none;
}
.guide_block li a img{
  margin-right:10px;
}
.guide_block li:nth-of-type(1) a img{
  vertical-align:-0.2em;
}
.guide_block li:nth-of-type(2) a img{
  vertical-align:-0.05em;
}
.guide_block li:nth-of-type(3) a img{
  vertical-align:-0.1em;
}
.guide_block li:nth-of-type(4) a img{
  vertical-align:-0.3em;
}
.guide_block li:nth-of-type(5) a img{
  vertical-align:-0.15em;
}
.guide_block li:nth-of-type(6) a img{
  vertical-align:-0.12em;
}

.guide_detail_block{
  padding-top:60px;
  margin-bottom:60px;
}

.guide_detail_block + .guide_detail_block{
  padding-top:0;
}

.guide_detail_block section{
  padding-bottom:10px;
}
.guide_detail_block h4{
  font-size:18px;
  letter-spacing:0.1em;
  margin:40px 0 5px;
}
.guide_detail_block.guide_shopping h4{
  margin:40px 0 5px;
}
.guide_detail_block h5{
  font-size:16px;
  line-height:1.6;
  letter-spacing:0.1em;
  margin:16px 0 3px;
}
.guide_detail_block > ul,
.guide_detail_block section ul,
.guide_detail_block p{
  margin-bottom:12px;
}
.guide_detail_block .nomg{
  margin:0;
}
.guide_detail_block p{
  font-size:16px;
  line-height:1.6;
  letter-spacing:0.1em;
}

.guide_detail_block p a,
.guide_detail_block td a{
  text-decoration:underline;
}
.guide_detail_block p a:hover,
.guide_detail_block td a:hover{
  text-decoration:none;
}
.guide_detail_block > ul li,
.guide_detail_block section ul li{
  font-size:16px;
  line-height:1.6;
  letter-spacing:0.1em;
  padding-left:1em;
  text-indent:-1em;
}
.guide_detail_block .border_block{
  margin-top:20px;
  padding:20px;
  border:solid 3px #ed4c59;
}
.guide_detail_block figure{
  margin:10px 0;
}
.guide_detail_block .service{
  margin-top:25px;
}
.guide_detail_block .service h5{
  margin:0;
}
.guide_detail_block .service li{
  padding-left:1em;
  text-indent:-1em;
  margin-bottom:3px;
}

.guide_detail_block .tbl_01{
  border-collapse:collapse;
  margin-bottom:10px;
  border-top:solid 1px #c9c5aa;
  border-left:solid 1px #c9c5aa;
}
.guide_detail_block .tbl_01 th,
.guide_detail_block .tbl_01 td{
  font-size:17px;
  text-align:left;
  padding:15px;
  vertical-align:top;
  background:#f6f6f4;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}
.guide_detail_block .tbl_01 th{
  font-weight:bold;
}
.guide_detail_block .tbl_01 td{
  background:#fff;
}
.guide_detail_block .tbl_01 tr th:first-child{
  width:26%;
}
.guide_detail_block .tbl_01 tr td:nth-child(2){
  width:58%;
}
.guide_detail_block .tbl_01 tr td:last-child{
  width:16%;
  text-align:right;
}

.guide_detail_block .tbl_02,
.guide_detail_block .tbl_03,
.guide_detail_block .tbl_04{
  border-collapse:collapse;
  width:100%;
  margin-bottom:15px;
  border-top:solid 1px #c9c5aa;
  border-left:solid 1px #c9c5aa;
}
.guide_detail_block .tbl_02 th,
.guide_detail_block .tbl_02 td{
  width:20%;
  font-size:14px;
  line-height:1.1;
  text-align:center;
  padding:12px 13px;
  background:#f8f4e9;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}

.guide_detail_block .tbl_fedex th,
.guide_detail_block .tbl_fedex td{
  font-size:14px;
  padding:12px 13px;
  background:#f8f4e9;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}

.guide_detail_block .tbl_fedex td{
  background:#fff;
}

.guide_detail_block .tbl_02 th{
  font-weight:bold;
}
.guide_detail_block .tbl_02 td{
  text-align:right;
  background:#fff;
}
.guide_detail_block .tbl_02 .tbl_hd_01 th,
.guide_detail_block .tbl_04 .tbl_hd_01 th{
  color:#fff;
  background:#D4C9B0;
}
.guide_detail_block .tbl_02 .tbl_hd_02 th,
.guide_detail_block .tbl_04 .tbl_hd_02 th{
  background:#EFE7D5;
}

.guide_detail_block .tbl_03 th,
.guide_detail_block .tbl_03 td,
.guide_detail_block .tbl_04 th,
.guide_detail_block .tbl_04 td{
  width:50%;
  font-size:14px;
  line-height:1.1;
  text-align:center;
  padding:12px 13px;
  background:#f8f4e9;
  border-right:solid 1px #c9c5aa;
  border-bottom:solid 1px #c9c5aa;
}
.guide_detail_block .tbl_04 th,
.guide_detail_block .tbl_04 td{
  width:auto;
  font-size:13px;
}
.guide_detail_block .tbl_03 th,
.guide_detail_block .tbl_04 th{
  font-weight:bold;
}
.guide_detail_block .tbl_03 td{
  text-align:right;
  background:#fff;
}
.guide_detail_block .tbl_04 td{
  width:5em;
  background:#fff;
}
.guide_detail_block .tbl_03 td.cation{
  text-align:left;
}
.guide_detail_block .tbl_03 .tbl_hd th{
  background:#EFE7D5;
}
.guide_detail_block .tbl_04 th.tbl_hd_03{
  width:1em;
}
.guide_detail_block .tbl_04 th.tbl_hd_04{
  width:5em;
}

.guide_detail_block p.toggle_hd{
  font-size:14px;
}
.guide_detail_block .toggle_hd::after{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-bottom:solid 2px #666;
  border-right:solid 2px #666;
  margin-left:10px;
  transform:rotate(45deg) translateY(-26%);
}
.guide_detail_block .toggle_hd.open::after{
  margin-left:15px;
  transform:rotate(-135deg) translateY(-47%);
}
.guide_detail_block .toggle_content{
  display:none;
}

.guide_detail_block .mark_maru,
.guide_detail_block .mark_batu{
  display:inline-block;
  width:12px;
  height:12px;
  text-indent:100px;
  overflow:hidden;
}
.guide_detail_block .mark_maru{
  border:solid 2px #333;
  border-radius:50%;
}
.guide_detail_block .mark_batu{
  width:18px;
  height:18px;
  position:relative;
}
.guide_detail_block .mark_batu::before,
.guide_detail_block .mark_batu::after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:#333;
  position:absolute;
  top:8px;
  left:0;
}
.guide_detail_block .mark_batu::before{
  transform:rotate(45deg);
}
.guide_detail_block .mark_batu::after{
  transform:rotate(-45deg);
}

.guide_gift_box01 li{
  float:left;
  width:40%;
  margin:0 0 30px 6.66%;
  font-size:16px;
  text-align:center;
}
.guide_gift_box01 li img{
  display:block;
  margin:0 auto 30px;
}

.guide_gift_box02{
  padding-top:10px;
  margin-bottom:40px;
}
.guide_gift_box02 ul{
  display:flex;
  flex-wrap:wrap;
}
.guide_gift_box02 li{
  width:30.7%;
  margin:0 3.9% 30px 0;
}
.guide_gift_box02 ul li:nth-child(3n){
  margin-right:0;
}
.guide_gift_box02 li p{
  margin:10px 0 0;
  font-size:14px;
  line-height:1.3;
}
.guide_gift_box02 li p.noshi{
  margin-top:19px;
  font-weight:bold;
}

.guide_gift_box03{
  margin-top:27px;
  margin-bottom:70px;
}
.guide_gift_box04{
  margin-top:30px;
  margin-bottom:60px;
}
.guide_gift_box03 figure,
.guide_gift_box04 figure{
  text-align:center;
}
.guide_gift_box03 p{
  margin:50px 0 0 0;
}

.guide_fukusu_box01{
  margin-bottom:30px;
  padding-bottom:25px;
  border-bottom:solid 1px #b2b2b2;
}
.guide_fukusu_box01 ul{
  display:flex;
  flex-wrap:wrap;
}
.guide_fukusu_box01 li{
  width:32%;
  margin:0 2% 1% 0;
}
.guide_fukusu_box01 ul li:nth-child(3n){
  margin-right:0;
}
.guide_fukusu_box01 li a{
  display:flex;
  align-items:center;
  width:calc(100% - 26px);
  height:calc(100% - 22px);
  padding:10px 12px;
  border:solid 1px #000;
  font-size:14px;
  line-height:1.2;
}
.guide_fukusu_box01 li a span{
  flex-shrink:0;
  display:block;
  width:30px;
  margin-right:10px;
  line-height:30px;
  font-size:14px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  background:#fc0;
  border-radius:50%;
}

.guide_fukusu_box02{
  margin-bottom:60px;
}
.guide_detail_block .guide_fukusu_sttl{
  margin-bottom:25px;
}
.guide_fukusu_sttl span{
  display:inline-block;
  width:40px;
  line-height:40px;
  margin-right:10px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  background:#fc0;
  border-radius:50%;
}
.guide_detail_block .guide_fukusu_box02 p{
  margin-bottom:30px;
}
.guide_fukusu_box02 figure{
  margin-bottom:30px;
}

.overseas_payment .toggle_content{
  display:none;}

.overseas_payment .toggle_hd::after{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-bottom:solid 2px #666;
  border-right:solid 2px #666;
  margin-left:10px;
  transform:rotate(45deg) translateY(-26%);
}

.overseas_payment .toggle_hd.open::after{
  margin-left:15px;
  transform:rotate(-135deg) translateY(-47%);
}

/* ------------------------------------------------------------ */
@media screen and (max-width:768px){
/* ------------------------------------------------------------ */
}

/* ------------------------------------------------------------ */
@media screen and (max-width:480px){
/* ------------------------------------------------------------ */

.guide_block li + li{
  margin-top:20px;
}
.guide_block li a{
  padding:17px 10px;
  font-size:14px;
  letter-spacing:0;
}
.guide_block li a span br{
  display:inline;
}
.guide_block li:nth-of-type(2) a img{
  vertical-align:-0.12em;
}
.guide_block li:nth-of-type(3) a img{
  vertical-align:-0.15em;
}
.guide_block li:nth-of-type(4) a img{
  vertical-align:-0.4em;
}
.guide_block li:nth-of-type(5) a img{
  vertical-align:-0.16em;
}

.guide_detail_block{
  padding-top:35px;
  margin-bottom:40px;
}
.guide_detail_block h4{
  font-size:15px;
  letter-spacing:0;
}
.guide_detail_block h5,
.guide_detail_block p,
.guide_detail_block li{
  font-size:14px;
  letter-spacing:0;
}

.guide_detail_block > ul li,
.guide_detail_block section ul li{
  font-size:14px;
}

.guide_detail_block .border_block{
  padding:12px 10px;
}

.guide_detail_block .tbl_01 tr{
  display:block;
}
.guide_detail_block .tbl_01 th,
.guide_detail_block .tbl_01 td{
  display:block;
  font-size:14px;
  padding:7px 10px;
}
.guide_detail_block .tbl_01 tr th:first-child,
.guide_detail_block .tbl_01 tr td:nth-child(2),
.guide_detail_block .tbl_01 tr td:last-child{
  width:auto;
}
.guide_detail_block .tbl_01 tr th:first-child,
.guide_detail_block .tbl_01 tr td:last-child{
  text-align:center;
}

.toggle_content,
.overview_content{
  overflow:auto;
}
.toggle_content::-webkit-scrollbar,
.overview_content::-webkit-scrollbar{
height: 5px;
}
.toggle_content::-webkit-scrollbar-track-piece,
.overview_content::-webkit-scrollbar-track-piece{
background: #f1f1f1;
border-radius: 5px;
}
.toggle_content::-webkit-scrollbar-thumb,
.overview_content::-webkit-scrollbar-thumb {
background: #bcbcbc;
}
.guide_detail_block .tbl_02 .tbl_hd_01 th,
.guide_detail_block .tbl_02 td,
.guide_detail_block .tbl_04 th,
.guide_detail_block .tbl_04 td{
  white-space:nowrap;
}

.guide_gift_box01 li img{
  margin:0 auto 15px;
}

.guide_gift_box02{
  margin-bottom:30px;
}
.guide_gift_box02 li{
  width:47%;
  margin:0 6% 20px 0;
}
.guide_gift_box02 ul li:nth-child(3n){
  margin-right:6%;
}
.guide_gift_box02 ul li:nth-child(2n){
  margin-right:0;
}
.guide_gift_box02 li p{
  margin:7px 0 0;
}
.guide_gift_box02 li p.noshi{
  margin-top:15px;
}

.guide_gift_box03{
  margin-top:15px;
  margin-bottom:40px;
}
.guide_gift_box03 p{
  margin:30px 0 0 0;
  font-size:14px;
}

.guide_fukusu_box01 ul{
  display:flex;
  flex-wrap:wrap;
}
.guide_fukusu_box01 li{
  width:49.5%;
  margin:0 1% 1% 0;
}
.guide_fukusu_box01 ul li:nth-child(3n){
  margin-right:1%;
}
.guide_fukusu_box01 ul li:nth-child(2n){
  margin-right:0;
}
.guide_fukusu_box01 li a{
  width:calc(100% - 16px);
  height:calc(100% - 18px);
  padding:8px 7px;
  font-size:13px;
}
.guide_fukusu_box01 li a span{
  margin-right:6px;
}

.guide_fukusu_sttl span{
  width:36px;
  line-height:36px;
  margin-right:8px;
}


}