@charset "UTF-8";

/*@import url("");*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　HOME
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 VL-CMS ver.4.0 CSS for HTML5
--------------------------------------------------------------------------------------- */

/* Information //all delete// -> rssBox 2025.07.14
-------------------*/
#rssBox {
	background-color: #FFF;
	margin: 0;
	padding: 1rem 15px 10px 0px;
	width: 100%;
	height: /*320px*/190px;
	overflow: auto;
	vertical-align: top;
}

/* 2017.5.1 ADD VL-CMS ver.3.2
-------------------*/
.vlcms dl { padding: /*0.9rem*/ 0.9rem; margin:0 1.5em; } /*ADD 4.0*/
.vlcms dt {
  font-size: 4.0625vw;
  color: #F60;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 700;
  /* margin-right: 2rem; */
  margin: -1rem 0rem 0rem 0rem; /*ADD 4.0*/
}
@media (min-width: 544px) {
  .vlcms dt { font-size: 1.3rem; }
}
/* .vlcms dd em {
  font-size: 4.0625vw;
  background-color: #FF6600;
  color: #FFF;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1.5rem;
  padding: 0 1.5rem;
  font-style: normal;
}
@media (min-width: 544px) {
  .vlcms dd em { font-size: 1.3rem; }
} */
.vlcms dd span { margin-left: /*2.5rem*/2.2rem; } /*ADD 4.0*/

/* 2017.7.1 ADD VL-CMS ver.3.3
-------------------*/
/*.vlcms img { width:100px; height:100px; position:absolute;top:4.5em; left:7em;}*/

/* 2022.12.1 ADD VL-CMS ver.3.3
-------------------*/
/*.home-section[data-hs="information"] .hs-list { height: 18rem !important; }*/

/* 2022.03.30 ADD Information VL-CMS ◆◆◆◆ADD VL-CMS 背景色◆◆◆
-------------------*/
/*.home-section[data-hs="information"] {
  background-color: #F7F7F7;
  background-color: #FFF;
  margin-bottom: 2rem;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
  padding-bottom: 5rem;
}*/
.hs-heading-vlcms {
  background-color: #EEE;
  border-radius: 0.8rem 0.8rem 0 0;
  margin-bottom: 1rem;
  padding: 1rem 2rem 0.7rem 2rem;
}








/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　SUB
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 VL Standard components ver.2.2
--------------------------------------------------------------------------------------- */

/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }

/* 回り込み解除 -------------------- */

.clrL { clear: left; }
.clrR { clear: right; }

/* フロート（画像＋テキスト） -------------------- */

.fltRImg { float: right; margin: 0 0 10px 20px; }
.fltLImg { float: left; margin: 0 20px 10px 0; }

/* テキスト -------------------- */

.table em {	font-weight: bold; font-style: normal; color: #D32D40; }
.bold {	font-weight: bold; }
.marker { background: /*#FFFF99;*/ #FFFF00; /*#FFE840;*/ padding: 2px 5px 1px 5px; }
.ul { text-decoration:underline; /*border-bottom:2px solid; padding-bottom:3px;*/ }
.center { text-align:center; }
.aligncenter { margin-left:auto;margin-right:auto;display:block; }

/* テキストカラー -------------------- */

.txtRed    { color: /*#AE0000;*/ /*#D90000;*/ #D32D40; /* ADD SN ThemColor */ }
.txtPink   { color: #FF0066; }
.txtBlue   { color: /*#003366;*/ /*#16839E;*/ #4696F7; }
.txtSkyblue   { color: #30A8CF; }
.txtGreen  { color: #87B924; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }
.txtWhite   { color: #FFF; }
.txtYellow   { color: #FFFF00; }

/* テキストサイズ -------------------- */

.fontS08 { font-size: 80% ;}
.fontS09 { font-size: 90% ;}
.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}
.fontS18 { font-size: 180% ;}

/* テキスト高 -------------------- */

.fontH20 { line-height: 2.0em ;}
.fontH30 { line-height: 3.0em ;}

/* 背景カラー -------------------- */

.bgPink   { background: #CC3366; }
.bgBlue   { background: #C1E0FF; }
.bgGreen  { background: #339966; }
.bgOrange { background: #FF6600; }
.bgGray   { background: #EEEEEE; }
.txtWhite   { color: #FFF; }

/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }
.mgT40 { margin-top: 40px; }

.mgL05 { margin-left: 5px; }
.mgL10 { margin-left: 10px; }
.mgL20 { margin-left: 20px; }
.mgL40 { margin-left: 40px; }

.mgR05 { margin-right: 5px; }
.mgR10 { margin-right: 10px; }
.mgR20 { margin-right: 20px; }

.pdL10 { padding-left: 10px; }
.pdL20 { padding-left: 20px; }
.pdL30 { padding-left: 30px; }
.pdR20 { padding-right: 20px; }
.pdR30 { padding-right: 30px; }

/* ホバー -------------------- */

/*
.entry a { color:#555; font-weight:bold;}
.entry a:hover { color:#BBB;}
.layout-main .section p a { color:#555; font-weight:bold;}
.layout-main .section p  a:hover { color:#BBB;}
*/

.hoverWink img { transition: 0.6s; }
.hoverWink img:hover { opacity: 0.5; }

/*
.kiran { background: #D32D40; }
.kiran img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.kiran:hover img {
  opacity: .5;
}
*/

.kiran {
  opacity: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.kiran::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.kiran:hover::before {
  animation: kiran 0.5s linear 1;
}
 
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}




/* --------------------------------------------------------------------------------------
 Display None
--------------------------------------------------------------------------------------- */

/* Cover
----------------------------------------*/
.slider-progress,
.hc-thumbnail {display:none;}

/* # Notice
----------------------------------------*/
.is-top {display:none;}
/*.is-bottom {display:none;}*/
.lf-menu {display:none;}

/* Appeal
----------------------------------------*/
.module-appeal {display:none;}
/*.module-appeal {background-color:;}*/

/* # Footer
----------------------------------------*/
.layout-footer .container .lf-menu .container .lf-menu_column h3 {display:none;}
.lf-popup_open {display:none;}
.lf-popup_close {display:none;}





/* --------------------------------------------------------------------------------------
 Custom 2025
--------------------------------------------------------------------------------------- */

/*	Hx - Heading
--------------------------------------*/
section .pull-left {
  float: left;
}
section .clearfix .pull-left {
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}
section .header h5 {
	margin:40px 0 20px;
	padding:/*20px 0 20px 40px*/15px 0 10px 40px;
	background:#EFEFEF url(/post/h5.png) no-repeat 0 7px;
	color:#444;
	font-size: 25px;
  font-weight: normal;;
}

/*	ICON
--------------------------------------*/
.icon_sp {background:url(/post/icon_sp.png) no-repeat left center; padding:5px 0px 5px 40px; font-weight:bold; line-height:3em;}
.icon_sp a {color:#0099CC;}
.icon_pdf {background:url(/post/icon_pdf.png) no-repeat left center; padding:10px 0px 5px 40px;}
.icon_pdf a {color:#DD0B04; font-size:135%; padding-right:25px; }

/*	Footer
----------------------------------------*/
.layout-footer .lf-information_list a { font-size: 120%;}
.layout-footer .lf-information_list[data-list="primary"] .lf-information_listItem::before {
  position: relative;
  top:0.3rem;
}

/*	ETC
--------------------------------------*/
/*-------------共通------------------*/
/*.block { margin-top:50px; }*/
.page_sub .underline { color: #a91f32; border-bottom: 2px solid #a91f32; }
/*-----ページ内全リンク色設定-----*/
/*リンク色*/
.page_sub a { font-weight: 600; color: #666; text-decoration:none; }
/*ホバー色*/
.page_sub a:hover { color: #888; }
/*店舗一覧ボタン　イメージホバー*/
.button_store img:hover { opacity: 0.8; }
/*フォームボタン*/
.btn{
  text-align:center;
  width:100%;
}
.btn button{
  background:#CC0000;
  color:#FFF;
  border:none;
  position:relative;
  /*font-size:1.6em;*/font-size:2.2em;
  /*padding:0 2em;*/padding:0.8em 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
.btn button:hover{
  background:#FFF;
  color:#CC0000;
}
.btn button:before,.btn button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #CC0000;
  transition:400ms ease all;
}
.btn button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn button:hover:before,.btn button:hover:after{
  width:100%;
  transition:800ms ease all;
}
/*-------見出し・リンク・本文・リストなど------*/
.page_sub .list li { list-style:url(/post/arrow2.png); }
.page_sub .localnav { margin: 15px 0; }
.page_sub .localnav li {
	background:url(/post/arrow1.png) left no-repeat;
  display: inline-block;
  text-indent: 15px;
  line-height: initial;
  padding: 0 5px;
  margin: 0 10px;
}
.page_sub h2 {
  padding: /*28px 15px 25px*/20px 15px 17px;
  border-radius: 3px;
  background:/*#E7E7E9*/#DF5FA3;
  color:#FFF;
  font-size:135%;
  font-weight:normal;
}	
.page_sub h2 span {
  margin-left: 20px;
  font-size: 80%;
  vertical-align: middle;
  color:#111;
}
.page_sub h3 {
  padding: /*8px 15px;*/11px 1px;
  position: relative; 
  color:#777;
  font-size:115%;
  font-weight:normal;
}
.page_sub h3 span {
  margin-left: 20px;
  font-size: 80%;
  vertical-align: middle;
  color: /*#a91f32*/#df5fa3;
}
.page_sub h3::before {
  border-bottom: solid 5px;
  width: 21%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
.page_sub h3::after {
  border-bottom: solid 5px /*#a91f32*/#df5fa3;
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  content: "";
}
.page_sub h4 {
  padding: /*8px 15px 5px;*/8px 1px;
  border-bottom: 2px solid;
  font-size:115%;
  font-weight:normal;
}
.page_sub h4 span {
  margin-left: 20px;
  font-size: 80%;
  vertical-align: middle;
  color: #FFF;
	background: /*#a91f32*/#df5fa3;
	padding: 0 10px;
}
/*-----------ギャラリー／店舗一覧ブロック----------*/
.button_store {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
	display:flex;
}
.button_store img {	margin: 0 5px; }
.box_store { margin: 30px 0; }
.table_store { border-top: 3px solid #E7E7E9; border-bottom: 3px solid #E7E7E9; }
.table_store tr {}
.table_store td {
	text-align:left;
  padding: 20px 15px;
  border-bottom: 1px dotted #E7E7E9;
}
.name_company,.name_store { width: 20%; font-weight: 600; }
.adress { width: 60%; }
.table_store .alt { background: none; }
/*-----------POINTブロック---------*/
.text_point { margin-top:30px; }
.text_point p { font-size: 24px; line-height: 1.25; }
.image_point { text-align:center; }
/*-----------PHOTOブロック----------*/
#block_photo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
}
.item_photo { width:48%; padding: 5px; }
.desc_photo {
	margin-top:10px;
    max-width: 400px;
	margin:0 auto;
}
.image_photo { text-align:center; }
/*　モバイル(iPhone6+) - < 536px */
@media only screen and (max-width: 536px) {
.item_photo { width: 100%; }
}
/*-----------PRODUCTブロック----------*/
.productGuide {	font-size:117%; line-height:2.5em; color:#666; }
.productPic { clear: both; }
.productSpec .title {
	margin-right:15px;
	float:left;
	font-weight: bold;
	color:#333;
	width: 150px;
	display:block;
}
.productSpec .graph {
	margin-top: 0px;
	height: 35px;
	width: 250px;
}
.productSpec .detail {
	float:left;
}
.productSpec {
	/* width: 75%; */
	padding:/*20px 20px 0px*/20px;
	/* margin-bottom: 80px; */
	border:5px solid #cacaca;
	background:url(/post/typeA_bg.png);
	font-size:107%;
	color:#666;
}
#productLink #lnavi { clear: both; margin-left: 14px; padding-top: 30px; }
#productLink #pnavi ol,ul { list-style: none; }
#productLink #pnavi li { float: left; margin-right: 2px; list-style: none; }

/*	vl2050
--------------------------------------*/
/*-------------------vl2050 SP Logo-------------------*/
.layout-header .lh-logo_object, .layout-header .lh-title_object {
  max-width: /*35.625vw*/65.625vw;
}
/*-------------------vl2050 defaultstyle-------------------*/
ol,ul{list-style:none}
ol,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
/*-------------------vl2050 area-b-------------------*/
.area-b {
	margin:/*0 0 50px*/50px 0 50px;
	width:100%;
}
.single-list-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.single-list-box ul { padding-right:5px; }
.single-list-box li { margin-left:-20px; }
.single-list-item {
	width:280px;
	background:#ffffff;
	border:1px solid #cccccc;
	margin-bottom:20px;
}
/* Safari 6.1-8.0 (6.1+) */
@media screen and (min-color-index:0)
	and(-webkit-min-device-pixel-ratio:0) { @media {
	.single-list-item { margin-right:10px; }
}}
.single-list-item:hover .desc {
	color:#BBBBBB; color:#DF5FA3;
}
.desc {
	padding:10px;
	color:#555555;
}
.desc h2 {
	text-align:center;
	/*font-weight:bold;*/
	/*margin-bottom:5px;*/
	margin:2px auto 0;
	font-size:/*135%*/115%;
}
/*-------------------vl2050 area-c-------------------*/
.heading_area-c {
	text-align:center;
  color: #51514f;
	margin-bottom:40px;
}
.heading_area-c h2 {
	font-size:30px;
	font-weight:bold;
}
.list_area-c {
	max-width:980px;
	margin:0 auto;
  /*padding: 16px 20px 56px 20px;*/
}
.list_area-c li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
	display:flex;
	margin-bottom:25px;
}
.list_category {
	width:140px;
	margin-right:40px;
	height:26px;
	color:#ffffff;
	text-align:center;
	line-height:26px;
  border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	font-size:12px;
	background:#ff9c00;
}
.event .list_category {
  background-color: #ff9c00;
}
.other .list_category {
  background-color: #bebebe;
}
.news .list_category {
  background-color: #e72118;
}
.list_date {
	margin-right:40px;
	font-size:14px;
	color:#555555;
}
.list_title {
	color:#555555;
}
.list_area-c li:hover .list_date,
.list_area-c li:hover .list_title {
	color:#BBBBBB;
}
.button-area-c {
	max-width:/*310px*/350px;
	/*padding-bottom:50px;*/
	margin:0 auto;
}
.button-area-c div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
	background-color:#474747;
	color:#ffffff;
	border-radius:10px;
  padding: /*13px 40px*/15px 45px 0px;
  font-size:/*15px*/17px;
}
.button-area-c div:hover {
	opacity:0.8;
}
.area-c_buttom ul {
	display:flex;
	flex-wrap:wrap;
	max-width:980px;
	padding:/*47px 0 140px*/0;
	margin:0 auto;
}
@media screen and ( max-width:899px )
{
	.area-c_buttom ul {
		max-width:460px
	}
}
.area-c_buttom li {
  padding: /*10px 20px*/10px 5px;
  width: /*410px*/420px;
  display: block;
  margin:0 auto;
  text-align: center;
}
/* Safari 6.1-8.0 (6.1+) */
@media screen and (min-color-index:0)
	and(-webkit-min-device-pixel-ratio:0) { @media {
	.area-c_buttom li { float: left; }
}}
.area-c_buttom img {
	display:block;
	width:100%;
	height:auto;
}
.area-c_buttom img:hover {
	opacity:0.8;
}
/*-------------------vl2050 Price-------------------*/
.price {background-color:#F7F7F7; margin: 0 auto; padding: 40px 0; text-align: center;}
/*-------------------vl2050 CTA-------------------*/
#cta {background-color:#F7F7F7; margin: 20px auto 40px auto; padding: 20px 0 40px 0;}
/*-------------------vl2050 Copyright-------------------*/
small {margin-top: 20px;}





/* --------------------------------------------------------------------------------------
 Customise 2023
--------------------------------------------------------------------------------------- */

hr .horizontalrule {
  margin-top: 12px;
  margin-bottom: 12px;
  border: 0;
  border-top: 2px solid #999999;
  border-top: 2px solid #555;
}

/* Menu
-------------------*/
.home-section[data-hs="menu"].has-texture {
  background: #74CA4A; /* ADD SY ThemColorSP-Mode */
}

/* Heading
----------------------------------------*/
.module-heading .inview {
  color: #0A42A3;
  color: #df5577;
}
.module-heading .inview::before {
  background-color: #0A42A3;
  background-color:#df5577;
}





/* --------------------------------------------------------------------------------------
 Customise 2022
--------------------------------------------------------------------------------------- *

/* Global
----------------------------------------*/
.collapse-header {
  
  /*background-image: linear-gradient(to top, #f90 0%, #fabf00 63%, #fabf00 100%);*/
  background-image: linear-gradient(to top, #4696F7 0%, #3CA7FF 63%, #3CA7FF 100%); /* ADD ThemColor */
  background-image: linear-gradient(to top, #FFF 0%, #FFF 63%, #FFF 100%); /* ADD ThemColor */
}

@media (max-width: 991px) {

  .collapse-header.right {

  /*background: #AAA;*/ /* ADD ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */
  background: #F7F7F7; /* ADD ThemColorSP-Mode */

  }

}

@media (min-width: 992px) {
  .nav-global {
    color: #FFF;
    color: #333; /* ADD ThemColor */
    /*color: #444;*/ /* ADD ThemColorSP-Mode */


  }
}

@media (max-width: 991px) {
  .nav-global .ng-list {
    background-color: /*#2B95FF*//*#df5fa3*/#F2BFDA; /* ADD ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニュー背景色◆◆◆ */
    
  }
  .nav-global .ng-listItem {
    
  }
  .nav-global .ng-listItem a {
    
  }
}

/* Cover
----------------------------------------*/

/*.home-cover .slick-slider {}*/

.home-cover::before {
  /*background-color: #e73b6c;*/
  /*background-color: #F19DB5;*/ /* ADD ThemColor */

}
.home-cover {
  /*padding-bottom: 1rem;*/
  padding-bottom: 2.55rem; /* ◆◆◆◆ADD◆◆◆ */

}

/* Menu
-------------------*/
.home-section[data-hs="menu"] {
  padding-top: 3rem;
  padding-top: 2.95rem; /* ◆◆◆◆ADD◆◆◆ */
}

/* # Notice
----------------------------------------*/
.layout-notice {
  background-color: #e73b6c;
  background-color: #444; /* ◆◆◆◆ADD◆◆◆ */

}

/* Appeal
----------------------------------------*/
.module-appeal {}


/* Header
----------------------------------------*/

@media (max-width: 991px) {
  .layout-header {
    background-color: /*#D32D40*//*#0097e0*/ #FFF; /* ★ New Header Color */ /* ADD ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */
    color: /*#FFF*/#555; /* ★ New Header Color */ /* ADD ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */
  }
}
@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    /*background-color: #F90;
    background-color: #D32D40;*/ /* ADD ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */

  }


/* # Main
----------------------------------------*/
.layout-main u {
  
  border-bottom: 0.2rem solid #D32D40; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #D32D40; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  text-decoration: none; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
}

.layout-main .banner a {
  
  /*background-image: linear-gradient(#4696F7 0%, #2B95FF 100%);*/ /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*border: 0.3rem double #fff;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 1.5rem;
  position: relative;
  width: 100%;*/
}

.layout-main .banner a::after {

  /*background-color: #2B95FF;*/ /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*content: "";
  display: block;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;*/
}


/* # Footer
----------------------------------------*/

.layout-footer .lf-button a:not(.lf-button_scroll) {
  background-color: #D32D40; /* ADD ThemColor */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
}

.layout-footer .lf-button a:not(.lf-button_scroll):hover {
  /*background-color: #e8840f;*/
  background-color: #a12231; /* ADD ThemColor */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
}

.lf-popup .visible-xs a {background-color: #1DAACF !important;} /* ADD SN ThemColor */ /* ◆◆◆◆ADD◆◆◆ */


/* Heading
----------------------------------------*/
/*h1,h2,h3,h4,h5,h6,　～　一式*/ /* ◆◆◆◆悪影響◆◆◆ */

.heading[data-heading="lv2"] {
  font-size: 5.625vw;
  background-color: /*#E4E4E4*/ /*#df5577*/ #EEE;
  border-radius: 0.5rem;
  color: /*#555*/ /*#FFF*/#444;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}
/*
@media (min-width: 544px) {
  .heading[data-heading="lv2"] {
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv2"] {
    font-size: 2.8rem;
  }
}

.heading[data-heading="lv2"] .heading_tagline {
  font-size: 5vw;
}

@media (min-width: 544px) {
  .heading[data-heading="lv2"] .heading_tagline {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv2"] .heading_tagline {
    font-size: 2.3rem;
  }
}
*/

.heading[data-heading="lv3"] {
  /*font-size: 5vw;*/ font-size: 6.5vw; /* ◆◆◆◆ADD◆◆◆ */
  color: #2B95FF; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #df5577; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  padding: 0 2rem 1rem 0;
  position: relative;
}

@media (min-width: 544px) {
  .heading[data-heading="lv3"] {
    /*font-size: 1.6rem;*/ font-size: 1.9rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv3"] {
    /*font-size: 3rem;*/ font-size: 3.3rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

.heading[data-heading="lv3"]::before, .heading[data-heading="lv3"]::after {
  content: "";
  display: block;
  height: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.heading[data-heading="lv3"]::before {
  background-color: #777;
}

.heading[data-heading="lv3"]::after {
  background-color: #2B95FF; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  background-color: #df5577; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  max-width: 20rem;
}

.heading[data-heading="lv3"] .heading_tagline {
  /*font-size: 4.375vw;*/ font-size: 5.375vw; /* ◆◆◆◆ADD◆◆◆ */
  color: /*#545454;*/ #EB5C85; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: /*#545454;*/ #df5577; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

@media (min-width: 544px) {
  .heading[data-heading="lv3"] .heading_tagline {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv3"] .heading_tagline {
    font-size: 2rem;
  }
}

.heading[data-heading="lv4"] {
  /*font-size: 5vw;*/ /*font-size: 6.5vw;*/ font-size: 7.5vw; /* ◆◆◆◆ADD◆◆◆ */
  background: url(/assetsHome/img/parts/heading_texture-lv4.png);
  /*border: 0.8rem solid #20BAE2;*/
  border: 0.8rem solid #2B95FF; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  border: 0.8rem solid #EB5C85; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #2B95FF; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #EB5C85; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  padding: 1rem 2rem 0.8rem;
}

@media (min-width: 544px) {
  .heading[data-heading="lv4"] {
    /*font-size: 1.6rem;*/ /*font-size: 1.9rem;*/ font-size: 2.2rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv4"] {
    font-size: 3.3rem;
  }
}

.heading[data-heading="lv5"] {
  /*font-size: 5vw;*/ font-size: 6.5vw; /* ◆◆◆◆ADD◆◆◆ */
  /*background: #E4E4E4;*/
  background: url(/assetsHome/img/parts/heading_texture-lv5.png); /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #FFF; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*font-weight: 700;*/
  /*padding: 1rem 3rem 0.8rem;*/ padding: 1.3rem 3rem 0.8rem; /* ◆◆◆◆ADD◆◆◆ */
  position: relative;
}

@media (min-width: 544px) {
  .heading[data-heading="lv5"] {
    /*font-size: 1.6rem;*/ font-size: 1.9rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv5"] {
    /*font-size: 3rem;*/ font-size: 3.3rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

.heading[data-heading="lv5"]::before {
  background-color: #0078D7; /* ADD ThemColor 暗 */ /* ◆◆◆◆ADD◆◆◆ */
  content: "";
  height: 3.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.5rem;
}

.heading[data-heading="lv6"] {
  font-size: 5vw;
  background: #E94A78;
  border-radius: 0.5rem;
  color: #fff;
  padding: 1.2rem 1.5rem 1rem 4rem;
  position: relative;
}

@media (min-width: 544px) {
  .heading[data-heading="lv6"] {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv6"] {
    font-size: 2.2rem;
  }
}

.heading[data-heading="lv6"]::before {
  border: 0.5rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  left: 1.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.6rem;
}

.heading[data-heading="lv7"] {
  font-size: 5vw;
  border-bottom: 0.1rem solid #E94A78;
  color: #E94A78;
  padding: 0 2rem 0.5rem 0;
}

@media (min-width: 544px) {
  .heading[data-heading="lv7"] {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv7"] {
    font-size: 2.3rem;
  }
}

.heading[data-heading="lv7"] .heading_tagline {
  font-size: 4.375vw;
  background-color: #E94A78;
  color: #fff;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 544px) {
  .heading[data-heading="lv7"] .heading_tagline {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv7"] .heading_tagline {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .heading {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .heading_tagline {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv2"] .heading_tagline, .heading[data-heading="lv3"] .heading_tagline, .heading[data-heading="lv7"] .heading_tagline {
    margin-left: auto;
  }
}

/* Paragraph
----------------------------------------*/

/* List
----------------------------------------*/
dl {
  margin-bottom: 1em;
}

dl:last-child {
  margin-bottom: 0;
}

dt,
dd {
  line-height: inherit;
}

dd {
  margin-bottom: 1em;
}

dd:last-child {
  margin-bottom: 0;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1.5em;
}

ol:last-child,
ul:last-child {
  margin-bottom: 0;
}

[class^="list-"],
[class*=" list-"] {
  padding-left: 0;
  list-style: none;
}

[class$="-list"],
[class*="-list "],
[class$="_list"],
[class*="_list "] {
  padding-left: 0;
  list-style: none;
}

.list {
  padding-left: 0;
  list-style: none;
}

.list[data-list="icon"] .listItem {
  padding-left: 1.5em;
  position: relative;
}

.list[data-list="icon"] .listItem::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: calc(1em - 0.2rem);
  position: absolute;
  top: .5em;
  left: 1rem;
}

.list[data-list="icon"] .listItem[data-listItem="chevron-right"]::before {
  /*content: "\f054";*/
  color: #4696F7; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #0A42A3; /* ADD ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

.list[data-list="menu"] {
  margin: 1rem 0;
}

.list[data-list="menu"] li {
  font-size: 5vw;
  background-image: linear-gradient(#a4aebb 0%, #a4aebb 50%, #8692a2 50%);
  color: #fff;
  margin: 0;
  position: relative;
}

@media (min-width: 544px) {
  .list[data-list="menu"] li {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list[data-list="menu"] li {
    font-size: 2.2rem;
  }
}

.list[data-list="menu"] li::before {
  border-style: solid;
  border-width: 0.6rem 0 0.6rem 1.2rem;
  border-color: transparent transparent transparent #ffffff;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
}

.list[data-list="menu"] li a {
  display: block;
  padding: 1.5rem 3rem;
}

.list[data-list="menu"] li[data-listItem="A"] {
  background-image: linear-gradient(#a4aebb 0%, #a4aebb 50%, #8692a2 50%);
}

.list[data-list="menu"] li[data-listItem="B"] {
  background-image: linear-gradient(#F0C242 0%, #F0C242 50%, #ECB53E 50%);
}

.list[data-list="menu"] li[data-listItem="C"] {
  background-image: linear-gradient(#B0CE4C 0%, #B0CE4C 50%, #A0C344 50%);
}

.list[data-list="menu"] li[data-listItem="D"] {
  background-image: linear-gradient(#54ADCE 0%, #54ADCE 50%, #499DC3 50%);
}

.list[data-list="menu"] li[data-listItem="E"] {
  background-image: linear-gradient(#C84A62 0%, #C84A62 50%, #BE3E51 50%);
}

.list[data-list="menu"] li[data-listItem="F"] {
  background-image: linear-gradient(#878AD1 0%, #878AD1 50%, #7477C7 50%);
}

.list[data-list="navi"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.list[data-list="navi"] .listItem {
  font-size: 5vw;
  color: #777;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 700;
  line-height: 1.4;
  margin-right: 2.5rem;
}

@media (min-width: 544px) {
  .list[data-list="navi"] .listItem {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list[data-list="navi"] .listItem {
    font-size: 1.8rem;
  }
}

.list[data-list="navi"] .listItem > a {
  display: inherit;
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.list[data-list="navi"] .listItem > a::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  margin-right: 1rem;
}

.list[data-list="submenu"] {
  margin: 1rem 0;
}

.list[data-list="submenu"] li {
  font-size: 5vw;
  border: 0.1rem solid #222;
  border-radius: 0.5rem;
  margin-bottom: 0.1rem;
  position: relative;
}

@media (min-width: 544px) {
  .list[data-list="submenu"] li {
    font-size: 1.6rem;
  }
}

.list[data-list="submenu"] li a {
  display: block;
  padding: 0.5rem 5rem;
  transition: all .3s ease;
  width: 100%;
}

.list[data-list="submenu"] li a .fa-chevron-right {
  font-size: 3.75vw;
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 544px) {
  .list[data-list="submenu"] li a .fa-chevron-right {
    font-size: 1.2rem;
  }
}

.list[data-list="submenu"] li a:hover {
  background-color: #333;
  color: #fff;
  text-decoration: none;
}

.list-definition {
  background: url(/assetsHome/img/parts/list_texture_01.png);
  border: 0.1rem solid #ccc;
  padding: 1.5rem;
  width: 100%;
}

.list-definition dt {
  font-size: 5vw;
  margin-bottom: 0.5rem;
}

@media (min-width: 544px) {
  .list-definition dt {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list-definition dt {
    font-size: 2.2rem;
  }
}

.list-definition dd {
  font-size: 5vw;
  line-height: 1.4;
  margin: 0;
}

@media (min-width: 544px) {
  .list-definition dd {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list-definition dd {
    font-size: 1.8rem;
  }
}

.list-definition dd a {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
}

.list-definition dd a::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.75vw;
  content: "\f054";
  margin-right: 2rem;
  position: relative;
  bottom: 0.3rem;
}

@media (min-width: 544px) {
  .list-definition dd a::before {
    font-size: 1.2rem;
  }
}

.list-definition[data-list="B"] {
  background: url(/assetsHome/img/parts/list_texture_02.png);
}

.list-definition[data-list="B"] dd a::before {
  color: #20BAE2;
}

.list-ordered {
  margin: 2rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.list-ordered li {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1rem 0 0;
}

.list-ordered li::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #264E91;
  content: "\f061";
  display: block;
  margin: 0 0.5rem 0 0;
}

.list-ordered li a {
  color: #264E91;
  text-decoration: underline;
}

.list-ordered li a:hover {
  text-decoration: none;
}

.list-ordered[data-list="B"] li::before {
  color: #D85779;
}

.list-ordered[data-list="B"] li a {
  color: #D85779;
}



/* Paragraph
----------------------------------------*/
.text-notice {
  background: #666;
  color: #fff;
  display: inline-block;
  padding: 0.5rem 1rem;
}



/* Table
----------------------------------------*/
table {
  background: /*#F7F7F7*/;
  border: 0.5rem solid #ccc;
}
table:last-child {
  margin-bottom: 0;
}
.table tbody tr th,
.table tbody tr td {
  border: 0.1rem solid #cacaca;
  padding: 0.5rem 2rem;
}
.table tbody tr th {
  font-size: 5vw;
  width: 16rem;
}
@media (min-width: 544px) {
  .table tbody tr th {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .table tbody tr th {
    font-size: 1.8rem;
  }
}
.table tbody tr th[data-head="A"] {
  background: url(/assetsHome/img/parts/table_texture_01.jpg);
}
.table tbody tr th[data-head="B"] {
  background: url(/assetsHome/img/parts/table_texture_02.jpg);
}
.table tbody tr th[data-head="C"] {
  background: url(/assetsHome/img/parts/table_texture_03.jpg);
}
.table tbody tr td {
  padding: 0.5rem 3rem;
}
.table[data-table="price"] {
  border-right: none;
  border-left: none;
}
.table[data-table="price"] thead {
  background: #F2F6FC url(/assetsHome/img/parts/table_texture_04.jpg);
}
.table[data-table="price"] thead th {
  font-size: 4.6875vw;
  border-bottom: 0.5rem solid #ccc;
  line-height: 1.2;
  padding: 1.5rem 1.5rem 1.3rem;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 544px) {
  .table[data-table="price"] thead th {
    font-size: 1.5rem;
  }
}
.table[data-table="price"] tbody th,
.table[data-table="price"] tbody td {
  font-size: 4.0625vw;
  border-right: none;
  border-left: none;
  padding: 1rem;
}
@media (min-width: 544px) {
  .table[data-table="price"] tbody th,
  .table[data-table="price"] tbody td {
    font-size: 1.3rem;
  }
}
.table[data-table="price"] .t-price {
  font-size: 6.25vw;
  color: #264D91;
  white-space: nowrap;
}
@media (min-width: 544px) {
  .table[data-table="price"] .t-price {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .table-responsive::-webkit-scrollbar {
    height: 0.5rem;
  }
  .table-responsive::-webkit-scrollbar-track {
    border-radius: 10vw;
    background: #eee;
  }
  .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10vw;
    background: #666;
  }
}