@charset "UTF-8";

/*____________________________________________________________________________

SITE TITLE: DEFAULT2 BOEM - BOEM共通
TITLE: 静的ページ／ご利用ガイド　SP用

(1) ご利用ガイド
(2) 特商法、利用規約、プライバシー

UPDATED:2017.02 DEFAULT2として静的ページ用cssを刷新
____________________________________________________________________________*/

/* ------ 共通 ------ */
#usage_guide, #terms {
  font-size: 12px;
  line-height: 175%;
  color:#666;
  text-align: center;
  border-bottom:2px solid #999;
  font-family: arial,helvetica,sans-serif;
}
#terms {
  text-align: left;
}
#usage_guide a, #terms a {
  color:#333;
  text-decoration: underline;
}
#usage_guide a:hover, #terms a:hover {
  text-decoration: none;
}
.usage_guide_in {
  border-top: 1px solid #999;
  text-align: left;
}
.reflag0 .reflag0,
.resize0 .resize0,
.giftwrap0 .giftwrap0,
.repoint0 .repoint0{display: block;}

.reflag0 .reflag1,
.resize0 .resize1,
.giftwrap0 .giftwrap1{display: none;}

.reflag1 .reflag1,
.resize1 .resize1,
.giftwrap1 .giftwrap1{display: block;}

.reflag1 .reflag0,
.resize1 .resize0,
.giftwrap1 .giftwrap0,
.repoint1 .repoint0{ display: none;}

.reflag2 .reflag0,
.reflag2 .reflag1,
.reflag0 .reflag2,
.reflag1 .reflag2{display: none;}

.resize2 .resize0, 
.resize2 .resize1,
.resize0 .resize2, 
.resize1 .resize2,
.resize1 #no_sizechange_prepayment,
.resize2 #no_sizechange_prepayment {display: none;}

.reflag2 .reflag2,
.resize2 .resize2{display: block;}

/*----------------------------------------------------------------------------
  (1) ご利用ガイド
----------------------------------------------------------------------------*/

#usage_guide h3{
  text-align: center;
  color:#2b2b2b;
  font-size: 16px;
  padding:13px 0 12px 0;
  position:relative;
  border-top:2px solid #999;
  letter-spacing: 0.2em;
  background:#FFF;
  margin-bottom: 0;
}
#usage_guide h3:after{
  content:"";
  position:absolute;
  bottom:0;
  top:0;
  right: 10px;
  margin:auto;
  width: 10px;
  height: 10px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#usage_guide h3.open:after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top:15px;
}
#usage_guide h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
#usage_guide h5 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 11px;
}
.guide_content {
  padding: 0 0 10px;
}
.guide_content p {
  margin-bottom: 15px;
}
.guide_content.mt30 {
  margin-top: 15px;  
}
.guide_content dl, .guide_content ul {
  margin-bottom: 20px;
}
.guide_content hr {
  border-bottom:1px solid #c4c4c4;
  border-top:none;
  border-left:none;
  border-right:none;
  margin-bottom: 30px;
}

.guide_nav {
  margin: 9px 0;
  text-align: center;
}
.guide_nav li {
  display: inline;
  padding: 0 5px;
  border-right:1px solid #333;
}
.guide_nav li:first-child {
  padding-left:0;
}
.guide_nav li:last-child {
  border-right:none;
  padding-right:0;
}
.guide_nav a {
  font-size: 11px;
}
.list li {
  list-style-type: disc;
  list-style-position:inside;
}
.txtindnt {
  text-indent: -0.5em;
}
a.link_blank {
  background:url(//media.aws.locondo.jp/contents/img-default2-boem/pc/link_blank.png) no-repeat left center;
  padding-left: 20px;
}
.img_cardicon {
  display:none;
}
.img_cvsicon {
  display:none;
}
ol.indent-1{
  margin:10px 0;
}
p.return_box{
  border:1px solid #000;
  padding:8px;
}
/* ------ 返品条件の強調 ------ */
.return_conditions li {
  font-size: 13px;
  font-weight:bold;
}
.return_conditions li p {
  font-size:12px;
  font-weight:normal;
}
/* ------ お問い合わせ ------ */
#guide_contact {
  margin-top: 30px;
  border:2px solid #909090;
  text-align: center;
  box-sizing: border-box;
  padding:15px;
}
#guide_contact h3 {
  font-size: 16px;
  color:#000;
  letter-spacing: 0.2em;
  line-height: 1.1;
  margin-bottom:.4em;
  background:#FFF;
  padding:0;
}
#guide_contact span {
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
#guide_contact ul {
  margin-top: 12px;
}
#guide_customer_service {
  display:block;
  font-size: 12px;
  margin-bottom:-4px;
}
#guide_customer_service span{
  font-size: 12px;
}
#guide_mail a {
  letter-spacing: 0.1em;
  margin-left: -3px;
}
#guide_mail a:before {
  content:"\e602";
  font-family: "boemfont";
  display: inline-block;
  position: relative;
  top:4px;
  font-size:18px;
  color:#333;
  padding: 0 3px;
}
#guide_size_measurement .size_image img{
  max-width:100%;
}
.wrap_mail .guide_brandname {
  font-size: 12px !important;
}
.wrap_mail .guide_mailadd a {
  margin-top: -6px;
}
#guide_wanco span{
  display:inline-block;
  margin-top:3px;
  font-size:12px;
}
#guide_wanco a:before{
  content:"";
  display:inline-block;
  margin-right:4px;
  width:18px;
  height:18px;
  background: url(//media.aws.locondo.jp/contents/img-default-v2-boem/common/wanco-icon-inquiry.png) no-repeat;
  background-size:contain;
  position: relative;
  top:4px;
}

#no_sizechange_prepayment{
  padding-left: .5em;
}
img.img_message{
  width: 100%;
  height: auto;
}
/*----------------------------------------------------------------------------
  (2) 特商法、利用規約、プライバシー
----------------------------------------------------------------------------*/
/* ------ 共通 ------ */
#agreement_content { font-size:14px; line-height:140%;}
.agreement_section { margin-bottom:20px;}

.terms p, .terms dl, .terms ul {
  margin-bottom: 15px;
}

/* ------ 特商法 ------ */

.legal dt { margin:10px 0 0;}

.legal .address dl {
    margin-top: 10px;
    padding: 20px 10px 10px 10px;
}
.legal .address dt {
  font-weight:bold;
  margin:0;
}
.legal .address dd {
  margin-bottom: 10px;
}
.note {
  font-size: 11px;
  color: #999;
}

/* ------ プライバシー（利用規約共通） ------  */

.privacy dl ,
.terms dl {
  overflow:hidden;
  margin:5px 0 10px 0;
}
.privacy dt ,
.terms dt {
  width:2.8em;
  margin:0;
}
.privacy dd ,
.terms dd {
  padding-left:2.8em;
  margin-top:-1.4em;
}
.privacy dl.privacy_inquiry {
  margin:0 0 10px;
}
.privacy dl.privacy_inquiry dt ,
.privacy dl.privacy_inquiry dd {
  width:auto;
  margin:0;
  padding:0;
}
#terms dl.privacy_dtw dt {
  padding: 0;
  margin:0;
  width:auto;
}
#terms dl.privacy_dtw dd {
  padding: 0 0 10px 0;
  margin:0;
}

/* ------ 利用規約 ------ */
#terms #guide_subnav {
  margin-bottom: 20px;
}
#terms #guide_subnav li {
  font-size: 13px;
  list-style-type: disc;
  list-style-position: inside;
}
.terms ol {
  padding:0;
  list-style: inside decimal;
}
.terms ol li { margin-bottom:15px;}
.terms ol li ul li { margin-bottom:0;}
.terms address {
  font-style:normal;
  margin-top:10px;
}
.terms address li span { display:none;}

.agreement_section {
  font-size:14px;
  line-height:140%;
  margin-bottom:20px;
}
#legal_content #guide_head #guide_subnav {
  margin-bottom:10px;
}
#legal_content #guide_head #guide_subnav li {
  display:inline;
}
#legal_content #guide_head #guide_subnav li a {
  text-decoration:underline;
}
#terms h3{
  text-align: center;
  color:#2b2b2b;
  font-size: 16px;
  padding:13px 0 12px 0;
  position:relative;
  border-top:2px solid #999;
  border-bottom:1px solid #999;
  letter-spacing: 0.2em;
  background:#FFF;
  margin-bottom: 0;
  margin-bottom: 15px;
}
#terms h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
#terms h5 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 11px;
}


/* スキャッチエリア拡大 */
.first-class-area-table{
  display: table;
  margin-top: .5em !important;
}
.first-class-area-title{
  display: table-cell !important;
  font-weight: bold;
  white-space: nowrap;
  width: 4em;
  text-align: left;
  padding: 0 1em 0 0;
}
.first-class-area-detail{
  display: table-cell !important;
  text-align: left;
  padding: 0;
}