@charset "utf-8";
/* **********************************************
orders.css
-------------------------------------------------
order.php
terms.php
privacy.php
sitemap.php
faq.php
category_lp_****.php
********************************************** */

/* article */
.order_block,
.terms_block,
.privacy_block,
.personal_data_block,
.sitemap_block,
.faq_block{
  max-width:720px;
  margin:0 auto;
  padding:60px 15px 0;
}
.order_block dt{
  font-size:16px;
  font-weight:bold;
  letter-spacing:0.15em;
  margin-bottom:10px;
}
.order_block dd{
  font-size:14px;
  letter-spacing:0.1em;
  margin:0 0 25px;
}

.terms_block .sttl{
  margin-bottom:50px;
}
.terms_block h4,
.terms_block p{
  font-size:15px;
  font-weight:normal;
  line-height:1.6;
  letter-spacing:0.1em;
  margin-bottom:1em;
}
.terms_block ul{
  margin-bottom:1em;
}
.terms_block li{
  font-size:15px;
  line-height:1.6;
  letter-spacing:0.1em;
  padding-left:1.4em;
  text-indent:-1.4em;
}
.terms_block li + li{
  margin-top:0.5em;
}
.terms_block p + h4,
.terms_block ul + h4{
  margin-top:2.5em;
}

.privacy_block .sttl{
  margin-bottom:45px;
}
.privacy_block h4{
  font-size:18px;
  font-weight:normal;
  letter-spacing:0.1em;
  margin-bottom:0.8em;
}
.privacy_block p,
.privacy_block li{
  font-size:14px;
  letter-spacing:0.1em;
  line-height:1.8;
  margin-bottom:1em;
}
.privacy_block p + h4,
.privacy_block ul + h4{
  margin-top:1.7em;
}
.privacy_block li{
  padding-left:1.95em;
  text-indent:-1.95em;
}
.privacy_block li li{
  padding-left:2.2em;
  text-indent:-2.2em;
  margin-bottom:0;
}
.privacy_block .date{
  margin-top:40px;
}

.personal_data_block .sttl{
  margin-bottom:45px;
}
.personal_data_block h4{
  font-size:18px;
  font-weight:normal;
  letter-spacing:0.1em;
  margin-bottom:0.8em;
}
.personal_data_block p,
.personal_data_block li{
  font-size:14px;
  letter-spacing:0.1em;
  line-height:1.8;
  margin-bottom:1em;
}
.personal_data_block p + h4,
.personal_data_block ul + h4{
  margin-top:1.7em;
}
.personal_data_block li{
  padding-left:1.95em;
  text-indent:-1.95em;
}
.personal_data_block li li{
  padding-left:2.2em;
  text-indent:-2.2em;
  margin-bottom:0;
}
.personal_data_block .date{
  margin-top:40px;
}

.sitemap_block .sttl{
  margin-bottom:50px;
}
.sitemap_block h4{
  font-size:18px;
  letter-spacing:0.1em;
  margin-bottom:0.8em;
}
.sitemap_block ul{
  display:flex;
  flex-wrap:wrap;
  margin-bottom:40px;
}
.sitemap_block li{
  width:31%;
  font-size:14px;
  line-height:1.2;
  margin-left:3%;
  margin-bottom:1em;
}
.sitemap_block ul li:nth-child(3n+1){
  margin-left:0;
}
.sitemap_block li a:hover{
  text-decoration:underline;
  opacity:1;
}

.faq_block{
  padding-top:0;
}
.faq_block p{
  font-size:14px;
}
.faq_block h4{
  font-size:18px;
  margin:40px 0 15px;
}
.faq_block ul{
  border-top:solid 2px #ccc;
}
.faq_block li{
  border-bottom:solid 2px #ccc;
  padding:15px 3px;
}
.faq_block .toggle_hd{
  display:block;
  font-size:16px;
  line-height:1.6;
  letter-spacing:0.1em;
  padding:0 20px 0 1.5em;
  text-indent:-1.5em;
  position:relative;
  cursor:pointer;
}
.faq_block .toggle_hd::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-bottom:solid 2px #999;
  border-right:solid 2px #999;
  position:absolute;
  top:calc(50% - 10px);
  right:3px;
  transform:rotate(45deg);
}
.faq_block .toggle_hd.open::after{
  top:calc(50% - 4px);
  transform:rotate(-135deg);
}
.faq_block li p{
  font-size:16px;
  line-height:1.6;
  letter-spacing:0.1em;
  padding-left:1.5em;
  text-indent:-1.5em;
  padding-top:15px;
  display:none;
}
.faq_block .sage{
  display:inline-block;
  text-indent:-1em;
  padding-left:1em;
}
.faq_block li a, .faq_block li a:visited{
  color:#0066ff;
  text-decoration:underline;
}

.category_lp_block{
  max-width:1120px;
  margin:0 auto 20px;
  padding:0 15px 0;
}
.category_lp_block h2{
  font-size:40px;
  font-weight:normal;
  text-align:center;
  margin-bottom:25px;
}
.category_lp_block p{
  max-width:800px;
  margin:0 auto 25px;
  font-size:16px;
  line-height:2;
}
.category_lp_block .pic{
  margin:50px 0;
}
.category_lp_block .pic figure{
  float:left;
  width:31.2%;
  margin-right:3.1%;
  text-align:center;
}
.category_lp_block .pic figure:last-child{
  margin-right:0;
}
.category_lp_block .btn{
  padding-top:30px;
  text-align:center;
}
.category_lp_block .btn a{
  display:inline-block;
  padding:15px 35px;
  font-size:16px;
  border:solid 1px #666;
  border-radius:30px;
}


/* ------------------------------------------------------------ */
@media screen and (max-width:768px){
/* ------------------------------------------------------------ */
}

/* ------------------------------------------------------------ */
@media screen and (max-width:480px){
/* ------------------------------------------------------------ */

.order_block,
.terms_block,
.privacy_block,
.personal_data_block,
.sitemap_block{
  padding-top:40px;
}

.terms_block .sttl{
  margin-bottom:30px;
}
.terms_block h4,
.terms_block p{
  font-size:14px;
  letter-spacing:0;
}
.terms_block li{
  font-size:14px;
  letter-spacing:0;
  padding-left:1.15em;
  text-indent:-1.15em;
}

.privacy_block .sttl,
.personal_data_block .sttl,
.sitemap_block .sttl{
  margin-bottom:30px;
}

.sitemap_block h4{
  letter-spacing:0;
}
.sitemap_block ul{
  display:block;
  margin-bottom:30px;
}
.sitemap_block li{
  width:auto;
  margin-left:0;
}

.category_lp_block{
  margin-bottom:40px;
}
.category_lp_block h2{
  font-size:26px;
  margin-bottom:17px;
}
.category_lp_block p{
  margin-bottom:20px;
  font-size:14px;
}
.category_lp_block .pic{
  margin:40px 0;
}
.category_lp_block .pic figure{
  float:none;
  width:100%;
  max-width:300px;
  margin:0 auto 10px;
}
.category_lp_block .pic figure:last-child{
  margin-right:auto;
}
.category_lp_block .btn{
  padding-top:20px;
}


}/* max-width:480px */
