/*
Theme Name: 2026.01.06- 赤坂プリンスクラシックハウス
Author: 赤坂プリンスクラシックハウス
Author URI: https://akasakaprince.com/
Description: ラ・メゾンページののサブディレクトリ化。テーマを置き換える際、mailformpro.cgiの権限設定を忘れずに
*/
.wrap-default {
  max-width: 768px;
  margin: 0 auto 60px auto;
  padding: 0 2%;
}
.wrap-default p {
  margin: 0 0 10px;
}
.wrap-default a {
  text-decoration: underline;
}
.mgb-small {
  margin-bottom: 10px !important;
}
.mgb-middle {
  margin-bottom: 20px !important;
}
.mgb-big {
  margin-bottom: 40px !important;
}
.alert-wrapper {
  background-color: #B09A58;
  margin: 60px 0 0;
}
.alert-wrapper .alert-inner {
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1100px;
}
.alert-wrapper .alert-inner {
  width: 100%;
  padding: 12px 10px;
}
.warn{
  position:relative;
} 
.warn:before{
  content:'!';
  height:0px;
  width:0px;
  display:block;
  position:absolute;
  top:-8px;
  left:0px;
  border:transparent solid;
  border-bottom-color:#ffb612;
  border-width:0px 13px 25px 13px;
  color:#fff;
  font-family:Verdana;
  font-weight:bold;
  font-size:14px;
  line-height:30px;
  text-indent:-3px;
}
.alert-wrapper a {
  color: #fff;
  font-weight: 600;
  padding: 0 0 0 40px;
}
.link-next:after {
  content: ">";
  margin-left: .5em;
  vertical-align: .175em;
  font-size: .7em;
  display: inline-block;
  font-family: BellhopIcons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
@media (min-width: 769px) {
  .alert-inner .alert-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }
}


/*tuika 20210715*/
.word-break{ word-break: break-all; }
.right{ text-align: right; }
.pr10{ padding-right:1.0rem; }
.pt10{ padding-top:1.0rem; }
.pb10{ padding-bottom:1.0rem; }
.block-reserve_column {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding: 40px 0;
    background: #fff;
}
@media screen and ( min-width: 769px){
.single-column {padding: 0rem 2rem;}
}
@media screen and ( max-width: 768px){
.single-column {padding: 0rem 1rem;}
}
.single-column p { word-break: break-all; font-size: 1.0rem;line-height: 2;}
.single-column h1 { font-size: 2em!important; padding-top: 1rem;}
.single-column h2 { 
word-break: break-all; margin:1rem 0rem; font-size:1.7em; background: #B6A194; padding:0.8em; color:#fff;}
.single-column h3 { 
word-break: break-all; margin:1rem 0rem; font-size:1.6em; color: #82283a;
padding: 1em 0; border-top: solid 3px #82283a; border-bottom: solid 3px #82283a;}
.single-column h4 {
word-break: break-all; margin:0.5rem 0rem; font-size:1.4em; padding: 1rem 2rem;border-left: 6px solid #000;}
.single-column h5 { word-break: break-all; margin:1rem 0rem; font-size:1.1em; }


/* PCでは幅500pxに固定 */
@media screen and ( min-width: 769px){
#toc_container{ width: 65%!important;}
}
/* スマホなどでは幅100%に固定 */
@media screen and ( max-width: 768px){
#toc_container{ width: 90%!important; }
}
.toc_list li {line-height:1.5;}
.toc_list li a { font-size:1rem; font-size:14px; }

@media screen and ( min-width: 769px){
.sitemap { margin:0 auto; width: 60%;}
}
@media screen and ( max-width: 768px){
.sitemap { margin:0 auto; width: 70%;}
}
.sitemap h2 { line-height:2; }
.sitemap p { line-height:2; }

.archive_column{ width:70%; }
.archive_column li{ font-size: 1rem;line-height: 2;margin: 5% 0 5% 0;display:flex;justify-content: flex-start;}
@media screen and ( max-width: 768px){
  .archive_column li{flex-direction: column;}
}
.column_p{ margin:3rem 0rem; }
.date{margin-right: 3%;}

/*faqページURLリンクアンダーライン*/
a:link .urlunderline-faq{
  text-decoration: underline;
}

.single-column__bottom {
  padding-top: 100px;
  padding-bottom: 100px;
}

.single-column__bottom a {
  display: block;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
  background: #B09A58;
  transition: 0.3s;
  text-align: center;
  height: 44px;
  line-height: 44px;
}

.single-column__bottom a:first-of-type {
  margin-bottom: 28px;
}

.single-column__bottom a:hover {
  opacity: 0.6;
}

.single-column__bottom a:visited,.single-column__bottom a:link {
  color: #fff;
}


@media screen and (max-width: 768px) {
  .single-column__bottom {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .single-column__bottom a {
    display: block;
    width: 100%;
  }
  .single-column__bottom a:first-of-type {
    margin-bottom: 15px;
  }
}