@charset "UTF-8";
/* CSS Document */

/*--共有
----------------------------*/
* { box-sizing: border-box; }
body { font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
h1 { float: none; }
.text01 { text-align: center; letter-spacing: 0; color: #000; font-size: 12px; }
.txt_center{text-align:center !important;}


/*--ボタン
----------------------------*/
span.coming::after { content: "" !important; }
.btn01 a { display: block; margin: 25px 90px; padding: 23px 0; letter-spacing: 0; text-align: center; text-decoration: none; }
.btn02 a { display: block; margin: 20px 40px 10px; text-align: center; border: 1px solid #5a5c5b; text-decoration: none; }
.btn02 a span::after { content: "▶︎"; font-size: 10px; position: relative; left: 80px; }
.btn03 { margin-top: 10px; text-align: center; border: 1px solid #5a5c5b; }
.btn03 a { display: block; padding: 8px 0; letter-spacing: 0.1em; background: #fff; color: #5a5c5b; font-size: 15px; text-decoration: none; }
.btn03 a span::after { content: "▶︎"; font-size: 10px; position: relative; left: 28px; }
.btn04 { margin: 5px 35px 10px; text-align: center; border: 1px solid #5a5c5b; }
.btn04 a { display: block; padding: 8px 0; letter-spacing: 0.1em; background: #fff; color: #5a5c5b; font-size: 15px; text-decoration: none; }
.btn04 a span::after { content: "▶︎"; font-size: 10px; position: relative; left: 80px; }
.btn05 a { display: block; margin: 20px 40px 10px; text-align: center; border: 1px solid #5a5c5b; text-decoration: none; }
.btn05 a span::after { content: "▶︎"; font-size: 10px; position: relative; left: 60px; }
.btn02_original a { display: block; margin: 20px 0 10px; text-align: center; border: 1px solid #5a5c5b; text-decoration: none; }
.btn02_original a span::after { content: "▶︎"; font-size: 10px; position: relative; left: 60px; }


/*--ボタンアニメーション
----------------------------*/
.animate a::before, .animate a::after { position: absolute; z-index: -1; display: block; content: ''; }
.animate a, .animate a::before, .animate a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.animate a { position: relative; z-index: 2; background-color: #fff; color: #5a5c5b; overflow: hidden; }
.animate a:hover { color: #fff; }
.animate a::after { top: -100%; left: -0%; width: 100%; height: 100%; }
.animate a:hover::after { top: 0; background-color: #5a5c5b; }


/*--offers_Con
----------------------------*/
.offers_Con {margin-bottom: 33px;padding: 50px;background: url(../images/offers_bg.jpg) no-repeat top center / cover;}
.offers_mv {margin-bottom: 17px;padding: 80px 0 70px;background: rgba(252, 227, 210,1);position: relative;}
.offers_mv::before {content: "";width: calc(100% - 40px);min-height: calc(100% - 40px);border: 1px solid #fff;position: absolute;top: 20px;left: 20px;}
.offers_mv_hdg { margin-bottom: 40px; text-align: center; }
.offers_mv p { margin-bottom: 30px; text-align: center; }
.offers_mv p + p { margin: 0; }
.offers_btn_wrap {background: rgba(255,255,255,0.85);padding: 54px 57px;}
.offers_btn_wrap .offers_btn a{background: #dc5f5b;color: #fff;font-size: 21px;font-weight: bold;line-height: 1;text-decoration: none;}
.offers_btn_wrap .offers_btn a::after {content: "▶︎";font-size: 10px;position: relative;top: -4px;left: 110px;}
.offers_btn_wrap .offers_btn a:hover {background: #de7f7c;}
.offers_bnr {letter-spacing: -0.4em;}
.offers_bnr li { display: inline-block; width: 370px; margin-right: 36px; padding-bottom: 20px; letter-spacing: 0; vertical-align: top; }
.offers_bnr li:nth-child(odd) {margin-right: 13px;}
.offers_bnr li:nth-child(even) {margin-left: 33px;margin-right: 0;}
.offers_bnr li.li_cnt{display: block;width: 460px;margin:0 auto;}
.offers_bnr li a { display: block; cursor: pointer; }
.offers_bnr li a:hover img { opacity: 0.7; }
.offers_Con_inner {background: rgba(255,255,255,0.85);padding-bottom:30px;}
.offers_Con_inner .offers_bnr{background: none;}
.offers_Con .offers_Con_inner{padding: 54px 57px;}
.offers_Con .offers_btn a{background: #eb6e8f;color: #fff;font-size: 21px;font-weight: bold;line-height: 1;text-decoration: none;}
.offers_Con .offers_btn a:hover{background: #e99db1;}


/*--column
----------------------------*/
.column1 {
   width: 100%;
   letter-spacing: 0;
   padding: 0 90px;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
.column1-2 { display: inline-block; width: 365px; margin: 0 20px 45px; letter-spacing: 0; vertical-align: top; position: relative; }
.column1-3 { width: 365px; margin: 0 auto 50px; letter-spacing: 0; position: relative; }
.col1_hdg { width: 365px; margin: 0 auto; }
.col1_item_text { width: 365px; margin-left: 20px; letter-spacing: 0; }
.column2 {
  width: 360px;
  margin-bottom: 70px;

}
.item_cost_col1 .item_cost_inner { display: inline-block; width: 100%; margin-bottom: 15px; letter-spacing: 0; vertical-align: bottom; }
.item_cost_col1, .item_cost_col2 { letter-spacing: -0.4em; }
.item_cost_col2 .item_cost_inner { display: inline-block; width: 177px; margin: 0 10px 10px 0; letter-spacing: 0; vertical-align: bottom; }
.item_cost_col2 .item_cost_inner:nth-child(even), .item_cost_col2-1 .item_cost_inner:nth-child(even) { margin-right: 0; }
.column2-1 { display: inline-block; width: 400px; margin: 0 20px 45px; letter-spacing: 0; vertical-align: top; }
.item_cost_col2-1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.item_cost_col2-1 .item_cost_inner { width: 50%; margin-bottom: 20px; letter-spacing: 0; vertical-align: bottom; }
.column2-2 { display: inline-block; width: 340px; margin: 0 20px 45px; letter-spacing: 0; vertical-align: top; }
.itemContainer .column1-2:nth-of-type(odd) { margin-left: 0; }
/* .itemContainer .column1-2:nth-of-type(even) { margin-left: 0; } */


/*--item
----------------------------*/
.itemContainer { letter-spacing: -0.4em; }
.item_hdg, .item_ph { text-align: center; }
.item_hdg { margin-bottom: 10px; }
/* .item_hdg img { width: 100%; } */
.item_hdg02 { margin-bottom: 10px; color: #f29840; font-size: 15px; }
.item_tl { margin-bottom: 15px; color: #e3cd48; font-size: 16px; font-weight: bold; }
.item_read {margin-bottom: 20px;line-height: 1.6;color: #221815;font-size: 13px;}
.item_read span { font-size: 12px; }
.item_ph { margin-bottom: 20px; }
/* .item_ph img { width: 100%; } */
.item_ph a:hover { opacity: 0.7; }
.item_name { font-size: 15px; font-weight: bold; }
.item_name a { color: #221815; text-decoration: none; }
.item_name a:hover, .item_cost a:hover { text-decoration: underline; opacity: 0.7; }
.item_cost { color: #221815; font-size: 13px; font-weight: bold; }
.item_cost + p { margin: 5px 0; color: #221815; font-size: 11px; }
.item_days { display: inline-block; margin-bottom: 5px; padding: 2px 10px; border: 1px solid #000; border-radius: 5px; font-size: 11px; font-weight: bold; }
.item_anno { padding-top: 5px; text-align: right; color: #221815; font-size: 10px; }
.item_caption { color: #221814; font-size: 12px; }
.item_category { width: 121px; margin: 10px 0 20px; text-align: center; color: #221815; font-size: 11px; border: 1px solid #090204; border-radius: 20px; }
.item_btn a { padding: 8px 0; letter-spacing: 0.1em; background: #fff; color: #5a5c5b; font-size: 15px; text-decoration: none; }
.item_icon { display: inline-block; margin-bottom: 10px; }
.item_icon img { width: 89px; }
.item_number { display: inline-block; margin-bottom: 5px; background: #000; border-radius: 50%; width: 22px; height: 22px; text-align: center; line-height: 22px; }
.item_number span { color: #fff; font-size: 14px; }


/*--index
----------------------------*/
.message {margin-bottom: 30px;padding: 60px 50px;border: 1px solid #8fb954;border-top: 8px solid #8fb954;color: #221815;font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif;}
.message_hdg, .message_subtl { margin-bottom: 30px; }
.message_tl {margin-bottom: 30px;font-size: 26px;font-weight: bold;color: #8fb954;}
.message_read { margin-bottom: 35px; }
.message_read p {line-height: 2;font-size: 15px;font-weight: bold;}
.message_read p:not(:first-child) {margin-top:1em; }
.message_commenter {padding: 30px 47px 33px 57px;background: #8fb954;color: #fff;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;}
.message_commenter::after { content: ""; display: block; clear: both; }
.message_commenter_ph { float: left; width: 120px; }
.message_commenter_read { float: right; width: 645px; padding-top: 5px; font-size: 14px; }
.message_commenter_read p { margin-bottom: 7px; }
.message_commenter_read p strong { padding-right: 10px; font-size: 20px; font-weight: 100; }
.message_commenter_read p + p { margin-bottom: 0; }

.concept {margin-bottom: 45px;padding: 77px 0 66px;text-align: center;background: #8fb954;}
.concept_hdg { margin-bottom: 30px; }
.concept p {margin-bottom: 35px;text-align: center;line-height: 2.4;color: #fff;font-size: 14px;}



/*--theme_10
----------------------------*/
.theme10{margin-bottom: 33px;padding: 25px;background: url(../images/back_01.jpg) no-repeat top center / cover; color:#221815;}
.theme10 .mincho{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.theme10 .readText{
  font-size: 18px;
  margin: 0px 25px 80px;
  padding-top: 20px;
}
.theme10 .ttlSection{
  font-size: 18px;
  margin: 0 90px 75px;
}
.theme10 .item_days{background: #fff;}
.theme10 [class*="item_cost_col2"]{margin-top: 15px;}
.theme10_wrap {
  padding-bottom: 50px;
  background: #fff;
}
.theme10_wrap .item_tl{color: #e3cd48;line-height: 1.4;}
.theme10_tl{
  text-align: left;
  color: #221714;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.8;
}
.theme10_read {
  line-height: 1.8;
  font-size: 14px;
  text-align: justify;
  color: #221714;
}
.theme_01_read { text-align: center; color: #221815; }
.theme10_hdg { text-align: center; }
.theme10_hdg, .theme_01_tl {margin-bottom: 45px;}
.theme10 .item_hdg {
  margin-bottom: 25px;
  text-align: left;
}
.theme10 .item_point01, .theme10 .item_point02 { position: relative; }
/* .theme10 .item_hdg img { width: 200px; } */
.theme10 .item_cost_col2-1 .item_name{font-size:13px;}
.theme10 .item_cost_col2 .item_cost_inner:nth-child(3n){margin-top:10px}
.theme10 .item_cost_col2 .item_cost_inner p{text-align: center}
.theme10 .item_name, .theme03 .item_cost { color: #000; }
.theme10 .item_days { color: #221815; }
.theme10 .item_notes { text-align: right; font-size: 12px; margin-bottom: 15px; }
.theme10 .mv{ margin: 55px 0 60px; text-align: center; }

.theme10_btn { padding: 0 17px; position: relative; z-index: 2; }
.theme10_btn a {background: #f39700;color: #fff;font-size: 23px;text-decoration: none;}
.theme10_btn a:hover {background: #f7b74e;}

.theme10 .column1 + .mv { margin-top: 0; }

.theme10 .column2 .item_ph img{
  align-self: flex-start;
}
.theme10 .itemContainer .item_read{
  color:#211714;
}
/* _01 _05 _06 _07 _08 */
.theme10 .column2._01 .item_ph,.theme10 .column2._05 .item_ph.theme10 .column2._06 .item_ph,.column2._07 .item_ph,.column2._08 .item_ph{
  display: flex;
  justify-content: flex-end;
}

/* _02 _03 _04*/
.theme10 .column2._02 .item_ph,.theme10 .column2._03 .item_ph,.theme10 .column2._04 .item_ph{
  display: flex;
  justify-content: center;
}

/*--theme_hbc
----------------------------*/
/* .theme_hbc{margin-bottom: 50px;padding: 25px 25px 20px;background: url(../images/back_hbc.jpg) no-repeat top center / contain; color:#221815;} */
.theme_hbc{
  margin-bottom: 50px;
  padding: 25px 25px 20px;
  background: url(../images/back_hbc.jpg);
  background-size: 100% 100%;
  color:#221815;
}
.theme_hbc .mincho{
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.theme_hbc .readText{
  font-size: 18px;
  margin: 0px 25px 80px;
  padding-top: 20px;
}
.theme_hbc .ttlSection{
  font-size: 18px;
  margin: 0 0 85px;
}
.theme_hbc .item_days{background: #fff;}
.theme_hbc [class*="item_cost_col2"]{margin-top: 15px;}
.theme_hbc_wrap {
  padding: 90px 90px 45px;
  background: #fff;
}
.theme_hbc_wrap .item_tl{color: #ea953c;line-height: 1.5; font-size: 20px;margin-bottom: 15px;}
.theme_hbc_tl{
  text-align: center;
  color: #221714;
  font-size: 23px;
  margin-bottom: 20px;
  /* line-height: 1.8; */
}
.theme_hbc_read {
  line-height: 1.8;
  font-size: 14px;
  text-align: left;
  color: #221714;
  font-feature-settings: "palt";
  letter-spacing: 0.044em;
}
.theme_01_read { text-align: center; color: #221815; }
.theme_hbc_hdg { text-align: center; }
.theme_hbc_hdg, .theme_01_tl {margin-bottom: 35px;}
.theme_hbc .item_hdg {
  margin-bottom: 15px;
  text-align: left;
}
.theme_hbc .item_point01, .theme_hbc .item_point02 { position: relative; }
/* .theme_hbc .item_hdg img { width: 200px; } */
.theme_hbc .item_cost_col2-1 .item_name{font-size:13px;}
.theme_hbc .item_cost_col2 .item_cost_inner:nth-child(3n){margin-top:10px}
.theme_hbc .item_cost_col2 .item_cost_inner p{text-align: center}
.theme_hbc .item_name, .theme03 .item_cost { color: #000; }
.theme_hbc .item_days { color: #221815; }
.theme_hbc .item_notes { text-align: right; font-size: 12px; margin-bottom: 15px; }
.theme_hbc .mv{ margin: 55px 0 60px; text-align: center; }

.theme_hbc_btn { padding: 0 17px; position: relative; z-index: 2; }
.theme_hbc_btn a {background: #d84f8e;color: #fff;font-size: 23px;text-decoration: none;}
.theme_hbc_btn a:hover {background: #d680a7;}

.theme_hbc .column1 + .mv { margin-top: 0; }

.theme_hbc .column2 .item_ph img{
  align-self: flex-start;
}

.theme_hbc .itemContainer .item_read{
  color:#211714;
  line-height: 1.5;
}
.theme_hbc .column1 {
  width: 100%;
  letter-spacing: 0;
  padding: 0 ;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* .theme_hbc .column2{
width: 230px;
} */
.theme_hbc .column2._00{
  width: 230px;
}
.theme_hbc .column2._00 .detailArea{
  margin-top: 25px;
  border-top: solid 3px #d2e9f0;
  border-bottom: solid 3px #d2e9f0;
  padding:30px 0;
}
.theme_hbc .column2._00 .detailArea h3{
  font-size: 18px;
  color:#323333;
  margin: 20px 0 15px;
}
.theme_hbc .column2._01{
  width: 500px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.theme_hbc .column2._01 .textArea .item_read{
  width: 265px;
}
.theme_hbc .column2._01 .item_ph{
  width: 260px;
  margin-left: 27px;
}
.theme_hbc .column2{
  width: 360px;
  margin-bottom: 45px;
}
.theme_hbc .column2._02{
  width: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme_hbc .column2._02 .textArea{
  width: 280px;
}
/* .theme_hbc .column2._02 .textArea .item_read{
  width: 265px;
} */
.theme_hbc .column2._02 .textArea {
  width: 260px;
}
.theme_hbc .column2._02 .item_ph{
  /* width: 260px; */
  margin-right: 23px;
}
/* _02*/
.theme_hbc .column2._02 .item_ph{
  display: flex;
  justify-content: center;
}
/* _02 _03 _04*/
.theme_hbc .column2._03 .item_ph,.theme_hbc .column2._04 .item_ph{
  display: flex;
  justify-content: flex-end;
}
/* _05*/
.theme_hbc .column2._05 .item_ph{
  position: relative;
  height: 400px;
}
.theme_hbc .column2._05 .item_ph .brandImg{
  position: absolute;
  top:0;
  left: 0;
}
.theme_hbc .column2._05 .item_ph .itemImg{
  position: absolute;
  bottom:0;
  right: 0;
}

.theme_hbc .item_name {
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
}

.theme_hbc .item_btn a {
  padding: 8px 0;
  letter-spacing: 0.1em;
  background: #fff;
  color: #5a5c5b;
  font-size: 15px;
  text-decoration: none;
  width: 260px;
}
.theme_hbc .btn02 a {
  display: block;
  /* margin: 20px auto 10px; */
  text-align: center;
  border: 1px solid #5a5c5b;
  text-decoration: none;
  width: 260px;
  margin: 20px auto 10px;
}
.theme_hbc .btn02 a span::after { content: "▶︎"; font-size: 10px; position: relative; left: 60px; }
.theme_hbc .animate a:hover { color: #fff; }
.theme_hbc .item_cost + p { margin: 5px 0 0; color: #221815; font-size: 11px; }
.theme_hbc .item_read{
  margin-bottom: 20px;
}