@charset "UTF-8";
/*
Theme Name: Cocoon Child
*/

/************************************
** 子テーマ
************************************/

/*ページタイトル調整*/
.entry-title {
	margin-bottom: 3rem!important;
}

/*トップページ更新リスト*/
.hsu-DateListBox {
  list-style: none outside;
  margin: 0rem;
  padding: 0rem!important;
}
.hsu-DateListBox .hsu-DateListItem a {
	display: flex;
	flex-wrap: wrap;
	flex-wrap: nowrap;
	text-decoration: none;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.5rem;
}
.hsu-DateListBox .hsu-DateListItem:last-child a {
	border-bottom: none;
}
.hsu-DateListBox .hsu-DateListItem .hsu-DateListDate {
	margin: 0;
	min-width: 140px;
	font-size: 0.9rem;
	color: #999999;
	padding: 0 20px 0 0;
}
.hsu-DateListBox .hsu-DateListItem .hsu-DateListCat {
	margin: 0;
	min-width: 140px;
	padding: 0 20px 0 0;
}
.hsu-DateListBox .hsu-DateListItem .hsu-DateListCat span {
	background: #003300;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	padding: 5px 8px;
	font-size: 0.9rem;
	line-height: 1;
}
.hsu-DateListBox .hsu-DateListItem .hsu-DateListTtl {
	margin: 0;
	width: 100%;
}

/*トップページ店舗リスト*/
ul.hor-CardList, ul.hor-PamphList, ul.hor-BnList {
	overflow-x: auto;
	white-space: nowrap;
	cursor: grab;
	padding: 0;
	line-height: 1.4rem;
}
ul.hor-CardList:active, ul.hor-PamphList:active, ul.hor-BnList:active {
	cursor: grabbing;
}
.hor-CardList a {
	color: #000000;
}
.hor-CardList a:hover {
	color: #003300;
}
.hor-CardList li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 294px;
	margin: 0px 4px 10px!important;
	padding: 0.5rem 0.75rem;
	border: solid 1px #999999;
	border-radius: 5px;
	white-space: normal;
}
.hor-CardList.bn li {
	vertical-align: middle;
	width: 250px;
	height: 100%;
	padding: 0rem;
	border: none;
}
.hor-CardList.bn li img {
	max-height: 90px;
}
.hor-CardList.bn .snap {
	scroll-snap-align: start;
}
.hor-CardList.bgg li {
	border: none;
	background: #E6F2DA;
}
.hor-PamphList li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 280px;
	margin: 0px 4px 10px!important;
	border: solid 1px #999999;
	white-space: normal;
}
.hor-CardList li * {
	line-height: 1.2rem;
}
.hor-CardList li .cardIMG {
	height: 0;
	padding-bottom: 70%;
	overflow: hidden;
}
.hor-CardList li .cardIMG img {
	transition: all 0.1s 0s ease-in;
}
.hor-CardList li:hover > .cardIMG img {
	transform: scale(1.05);
}
.hor-CardList li .cardTTL {
	font-weight: bold;
	font-size: 1.1rem;
	margin: 0.5rem 0rem 0.3rem;
}
.hor-CardList li .cardTIME,
.hor-CardList li .cardCRIP,
.hor-CardList li .cardLOC,
.hor-CardList li .cardAdr,
.hor-CardList li .cardTXT {
	display: block;
	font-size: 0.8rem;
}
.hor-CardList li .cardTIME:before {
	content: '\f017';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 0.2rem;
}
.hor-CardList li .cardCRIP:before {
	content: '\f46d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 0.2rem;
}
.hor-CardList li .cardLOC:before {
	content: '\f3c5';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 0.4rem;
}
.hor-CardList li .cardAdr:before {
	content: '\f0e0';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right: 0.3rem;
}
.hor-CardList li .cardTXT {
	margin-top: 0.4rem;
}
.hor-CardList::-webkit-scrollbar {
	height: 6px;
}
.hor-CardList::-webkit-scrollbar-track {
	background-color: #CCCCCC;
	border-radius: 5px;
}
.hor-CardList::-webkit-scrollbar-thumb {
	background-color: #003300;
	border-radius: 5px;
}
.hor-CardList.bn::-webkit-scrollbar { height: 0.94rem; }
.hor-CardList.bn::-webkit-scrollbar-track, .hor-CardList.bn::-webkit-scrollbar-thumb { background: none; }
.hor-CardList.bn::-webkit-scrollbar-button:start {
	background-image: url("https://shudai.coop/img/BnList-L.png");
	background-size: contain;
	cursor: pointer;
}
.hor-CardList.bn::-webkit-scrollbar-button:end {
	background-image: url("https://shudai.coop/img/BnList-R.png");
	background-size: contain;
	cursor: pointer;
}


/*アコーディオンメニュー*/
div.hsu-AccTtl {
	margin: 0.2rem 0rem;
}
div.hsu-AccTxt {
	margin: 0rem 0rem 1rem;
}
div.hsu-AccTxt p {
	margin: 0;
}
.hsu-AccTtl {
	display: flex;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 0.5rem 1rem;
	cursor: pointer;
	z-index: 1;
}
.faq .hsu-AccTtl {
	border: none;
	background: #C9C9C2;
}
.faq .hsu-AccTtl:before {
	content: 'Q.';
}
.hsu-AccTxt {
	height: 0;
	overflow: hidden;
	transition: 0.4s;
	background-color: orange;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}
.faq .hsu-AccTxt {
	background-color: transparent;
	color: #333333;
}
.faq .hsu-AccTxt:before {
	content: 'A.';
	padding-left: 1rem;
}
.hsu-AccTxt span {
	margin: 0.5rem 1rem;
}
.faq .hsu-AccTxt span {
	margin: 0.5rem 1rem 0.5rem 0.5rem;
}
.js-hsu-acc.is-active + .hsu-AccTxt {
	height: auto;
}
.InfoAcc .hsu-AccTtl {
	border: none;
	background: #FADBDA;
	color: #333333;
}
.InfoAcc .hsu-AccTxt {
	background: #FFFFCC;
	color: #333333;
}

/*headデザイン*/
.hsu-head11 {
	position: relative;
	/*display: inline-block;*/
	margin-bottom: 1em;
	text-align: center;
}
.hsu-head11:before {
	content: '';
	position: absolute;
	bottom: -15px;
  /*display: inline-block;*/
	width: 50px;
	height: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #003300;
	border-radius: 5px;
}
h2.hsu-head21 {
	padding: 0;
	background: none;
	position: relative;
	font-weight: bold;
	padding: 10px!important;
	margin-bottom: 1em;
}
h2.hsu-head21:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100px;
	height: 6px;
	background: #003300;
	border-radius: 5px 0px 0px 5px;
	z-index: 1;
}
h2.hsu-head21:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	border-radius: 5px;
	background: #CAFCCA;
}
h2.hsu-head21:nth-child(n + 2),
h3.hsu-head31:nth-child(n + 2) {
	margin-top: 2rem;
}
h3.hsu-head31 {
	border: 0;
	padding: 0;
	margin-bottom: 1em;
}
h3.hsu-head31:before {
	background-color: #003300;
	border-radius: 5px;
	content: "";
	display: inline-block;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
	width: 10px;
}

/* フッターSNSフォローボタン */
.hsu-SNSbtn {
	margin: 0.25rem;
	padding: 0px;
	text-align: center;
	list-style: none;
	overflow: visible;
	padding: 0;
}
.hsu-SNSbtn.TtlBtm {
	text-align: right;
	margin-bottom: -1.5rem;
}
.hsu-SNSbtn.TtlBtm:before {
	content: "share:";
}
.hsu-SNSbtn li {
	display: inline-block; 
	margin: 0.2rem 0.3rem;
	padding: 0px 0px;
	border-radius: 4px;
	width: 3rem;
	height: 3rem;
	line-height: 3;
}
.hsu-SNSbtn.TtlBtm li {
	width: 2rem;
	height: 2rem;
	line-height: 2;
}
.hsu-SNSbtn li a::before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 2rem;
	background-color: #FFFFFF;
	border-radius: 4px;
	transition: all .3s ease;
	text-align: center;
	height: 3rem; 
	line-height: 3rem; 
	width: 3rem; 
	border-style: solid;
	border-width: 1px;
}
.hsu-SNSbtn.TtlBtm li a::before {
	font-size: 1.5rem;
	height: 2rem; 
	line-height: 2rem; 
	width: 2rem; 
}

.hsu-SNSbtn li a[href*="twitter.com"]::before { content: "\e61b"; color: #0F1419; }
.hsu-SNSbtn li a[href*="youtube.com"]::before { content: "\f16a"; color: #CD201F; }
.hsu-SNSbtn li a[href*="instagram.com"]::before { content: "\f16d"; color: #CF2E92; }
.hsu-SNSbtn li a[href*="facebook.com"]::before { content: "\f09a"; color: #3B5998; }
.hsu-SNSbtn li a[href*="line.com"]::before,
.hsu-SNSbtn li a[href*="lin.ee"]::before,
.hsu-SNSbtn li a[href*="line.me"]::before {
	content: "\f3c0";
	color: #6CC755;
}
.hsu-SNSbtn li a[href*="addtoany.com"]::before, .hsu-SNSbtn li a[href*="https://www.addtoany.com/add_to/threads?linkurl="]::before { content: "\e618"; color: #000000; }
.hsu-SNSbtn li a[href*="getpocket.com"]::before { content: "\f265"; color: #EF4157; }

.hsu-SNSbtn li a[href*="twitter.com"]:hover::before { 
	background-color: #0F1419; 
	color:#FFFFFF;
}
.hsu-SNSbtn li a[href*="youtube.com"]:hover::before { 
	background-color: #CD201F; 
	color:#FFFFFF;
}
.hsu-SNSbtn li a[href*="instagram.com"]:hover::before {      
	background-color: #CF2E92;
	color:#FFFFFF;
}
.hsu-SNSbtn li a[href*="facebook.com"]:hover::before {       
	background-color: #3B5998; 
	color:#FFFFFF;
}
.hsu-SNSbtn li a[href*="line.com"]:hover::before,
.hsu-SNSbtn li a[href*="lin.ee"]:hover::before,
.hsu-SNSbtn li a[href*="line.me"]:hover::before {   
	background-color: #6CC755; 
	color:#FFFFFF;
}
.hsu-SNSbtn li a[href*="addtoany.com"]:hover::before, .hsu-SNSbtn li a[href*="https://www.addtoany.com/add_to/threads?linkurl="]:hover::before { 
	background-color: #000000; 
	color:#FFFFFF;
}
.hsu-SNSbtn li a[href*="getpocket.com"]:hover::before { 
	background-color: #EF4157; 
	color:#FFFFFF;
}


/*リストデザイン*/
ul.hsu-ArrowR-list, ul.hsu-star-list, ul.hsu-flag-list, ul.hsu-check-list, ul.hsu-checkC-list, ul.hsu-checkB-list, ul.hsu-ccr-list, ul.hsu-car-list, ul.hsu-voice-list {
	position: relative;
	margin: 0.5rem 0rem;
	padding: 0 0 0 1.6rem;
}
.hsu-ArrowR-list a, .hsu-star-list a, .hsu-flag-list a, .hsu-check-list a, .hsu-checkC-list a, .hsu-checkB-list a, .hsu-ccr-list a, .hsu-car-list a, .hsu-voice-list a {
	text-decoration: none;
	color: #333333;
}
.hsu-ArrowR-list.bl a, .hsu-star-list.bl a, .hsu-flag-list.bl a, .hsu-check-list.bl a, .hsu-checkC-list.bl a, .hsu-checkB-list.bl a, .hsu-ccr-list.bl a, .hsu-car-list.bl a, .hsu-voice-list.bl a {
	text-decoration: underline;
	color: #1967D2;
}
.hsu-ArrowR-list.bl a:hover, .hsu-star-list.bl a:hover, .hsu-flag-list.bl a:hover, .hsu-check-list.bl a:hover, .hsu-checkC-list.bl a:hover, .hsu-checkB-list.bl a:hover, .hsu-ccr-list.bl a:hover, .hsu-car-list.bl a:hover, .hsu-voice-list.bl a:hover {
	color: #E53900;
}
.hsu-ArrowR-list li, .hsu-star-list li, .hsu-flag-list li, .hsu-check-list li, .hsu-checkC-list li, .hsu-checkB-list li, .hsu-ccr-list li, .hsu-car-list li, .hsu-voice-list li {
	list-style-type: none;
}
.hsu-ArrowR-list li:before, .hsu-star-list li:before, .hsu-flag-list li:before, .hsu-check-list li:before, .hsu-checkC-list li:before, .hsu-checkB-list li:before, .hsu-ccr-list li:before, .hsu-car-list li:before, .hsu-voice-list li:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	margin-top: -1px;
	color: #003300;
}
.hsu-ArrowR-list li:before {
	content: "\f061";
}
.hsu-star-list li:before {
	content: "\f005";
}
.hsu-flag-list li:before {
	content: "\f024";
}
.hsu-check-list li:before {
	content: "\f00c";
}
.hsu-checkC-list li:before {
	content: "\f058";
}
.hsu-checkB-list li:before {
	content: "\f14a";
}
.hsu-ccr-list li:before {
	content: "\f138";
}
.hsu-car-list li:before {
	content: "\f0a9";
}
.hsu-voice-list li:before {
	content: "\f27a";
}
/*タイムライン*/
.hsu-TimeLine {
	list-style: none;
}
.hsu-TimeLine > li {
	margin-bottom: 60px;
}
ul.hsu-TimeLine > li {
	overflow: hidden;
	margin: 0;
	position: relative;
}
.hsu-TimeLine .txt {
	font-size: 1rem;
	margin: -0.5rem 0 0 1rem;
}
.hsu-TimeLine .txt span {
	display: block;
}
.hsu-TimeLine-ttl {
	font-weight: bold;
	margin: 16px 0;
}
p.hsu-TimeLine-date {
	width: 180px;
	float: left;
	margin: 16px 0 0 0;
}
.hsu-TimeLine-cont {
	width: 75%;
	float: left;
	border-left: 3px #019401 solid;
	padding-left: 30px;
}
.hsu-TimeLine-cont:before {
	content: '';
	width: 12px;
	height: 12px;
	background: #003300;
	position: absolute;
	left: 176px;
	top: 24px;
	border-radius: 100%;
}

/*縦型フロー図*/
.hsu-nsFlow {
	counter-reset:count;
	margin: 2em 0;
	position: relative;
}
.hsu-nsFlowCon {
	padding: 0 0 1.3em 2.5em;
	margin: 0;
	position: relative;
}
.hsu-nsFlowCon::before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: #F19CA7;
	border: solid 3px #FFFFFF;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 3px;
	box-shadow: 0 0 0 2px #F19CA7;
}
.hsu-nsFlow.g .hsu-nsFlowCon::before {
	background: #003300;
	box-shadow: 0 0 0 2px #003300;
}
.hsu-nsFlow.g .hsu-nsFlowCon::after {
	border-left: dotted 5px #768888;
}
.hsu-nsFlowCon::after {
	content: "";
	display: block;
	height: calc(100% - 35px);
	border-left: dotted 5px #768888;
	position: absolute;
	top: 32px;
	left: 10px;
}
.hsu-nsFlowTtl {
	font-weight: bold;
	font-size: 120%;
}
.hsu-nsFlowLb {
	color: #768888;
	font-weight: bold;
}
.hsu-nsFlowLb::after {
  counter-increment:count;
  content:counter(count);
  position: relative;
  left: .3em;
}
.hsu-nsFlowBod {
  margin-top: .5em;
  padding: 0 0 1em;
  border-bottom: dotted 2px #DDDDDD;
}
.hsu-nsFlow > :last-of-type::after {
	display: none;
}
.hsu-nsFlow .FA {
  width: 100%;
  padding: 0px;
  height: auto;
  margin-bottom: 10px;
  display: table;
}
.hsu-nsFlow .FA .img {
  text-align: center;
  display: table-cell;
  width: 80px;
  vertical-align: middle;
}
.hsu-nsFlow .FA .img span img {
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-bottom: 5px;
}
.hsu-nsFlow .FA .txt {
  display: table-cell;
  margin: 0;
  padding: 0px;
  vertical-align: middle;
  text-align: left;
}
.hsu-nsFlow .FA .txt .c {
  font-size: 15px;
  line-height: 26px;
  display: inline-block;
  padding: 0px 12px 7px;
  margin-left: 12px;
  border-radius: 7px;
  position: relative;
}
.hsu-nsFlow .FA .txt .c .ttl {
	display: block;
	font-weight: bold;
}
.hsu-nsFlow .FA .txt .c .ttl a {
	text-decoration: none;
	color: #2B2B2B;
}
.hsu-nsFlow .FA .txt .c .ttl a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 0.3rem;
}
.hsu-nsFlow .FA .txt .c .ttl a.h:before { content: "\f4be"; }
.hsu-nsFlow .FA .txt .c .ttl a.s:before { content: "\f290"; }
.hsu-nsFlow .FA .txt .c .ttl a.f:before { content: "\f2e7"; }
.hsu-nsFlow .FA .txt .c .ttl a.lc:before { content: "\f0f4"; }
.hsu-nsFlow .FA .txt .c .ttl a.b:before { content: "\f02d"; }
.hsu-nsFlow .FA .txt .c .ttl a.t:before { content: "\f072"; }
.Pbox {
  font-size: 15px;
  margin: 0rem auto 1rem;
  padding: 0.7em 1rem;
  background-color: #FDEDE4;
  border-radius: 10px;
}
.Pbox .Pbox-ttl {
  color: #E06030;
  font-size: 1.05rem;
  font-weight: bold;
}
.Pbox .Pbox-ttl:before {
  font-family: "Font Awesome 5 Free";
  content: "\f08d";
  font-size: 18px;
  margin: 0 3px 0 0;
  padding-right: 0.25rem;
  font-weight: bold;
}
.hsu-omission {
	position: relative;
  /*width: 300px;*/
}
.hsu-omission label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 90px; /*グラデーションで隠す高さ*/
  cursor: pointer;
  text-align: center;
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0.7) 70%, rgba(250, 252, 252, 0.7) 70%);
}
.hsu-omission input:checked + label {
	background: inherit;
}
.hsu-omission label:after {
  line-height: 2rem;
  position: absolute;
  z-index: 2;
  bottom: 35px;
  left: 50%;
  width: 200px;
  content: 'もっと見る';
  transform: translate(-50%, 0);
  color: #FFFFFF;
  border-radius: 20px;
  background-color: rgba(27, 37, 56, 1);
}
.hsu-omission input {
	display: none;
}
.hsu-omission .text-wrapper {
  overflow: hidden;
  height: 90px;
  transition: all 0.5s;
}
.hsu-omission input:checked + label {
  display: none;
}
.hsu-omission input:checked ~ .text-wrapper {
  height: auto;
  padding-bottom: 0px;
  transition: all 0.5s;
}

/* 目次 */
.hsu-TblOfCont {
	background: #EEEEEE;
	border-radius: 5px;
	padding: 0.5rem 1rem;
}
.hsu-TblOfCont li {
	line-height: 3rem;
}
.hsu-TblOfCont li:last-child {
	border-bottom: none;
}
.hsu-TblOfContTtl {
	font-weight: bold;
	font-size: 1.3rem;
	color: #003300;
}
.hsu-TblOfContTtl span {
	display: block;
	font-size: 0.9rem;
	line-height: 1.1rem;
}

.hsu-box {
	margin: 1rem 0;
	background: #DDFFDD;
	border-radius: 5px;
}
.hsu-box.BSB {
	width: 49%;
}
.hsu-box .hsu-BoxTtl {
	font-size: 1.2rem;
	background: #003300;
	padding: 4px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.05rem;
	border-radius: 5px 5px 0 0;
}
.hsu-box .txt {
	margin: 1rem 1.5rem;
}

/*ワンポイント文字囲み*/
.hsu-memo, .hsu-point, .hsu-cautionS, .hsu-contact, .hsu-BusinessHours, .hsu-fresh {
	position: relative;
	padding: 0.5em 0.75em;
	border-radius: 5px;
}
.hsu-memo, .hsu-point, .hsu-cautionS, .hsu-BusinessHours, .hsu-fresh {
	margin-top: 1rem;
}
h2 + .hsu-memo, h2 + .hsu-point, h2 + .hsu-cautionS, h2 + .hsu-BusinessHours, h2 + .hsu-fresh,
h3 + .hsu-memo, h3 + .hsu-point, h3 + .hsu-cautionS, h3 + .hsu-BusinessHours, h3 + .hsu-fresh {
	margin-top: 0rem;
}
.hsu-memo, .hsu-point, .hsu-BusinessHours {
	border: solid 1px #FFAF03;
	border-left: solid 2.5em #FFAF03;
}
.hsu-cautionS {
	border: solid 1px #FC7474;
	border-left: solid 2.5em #FC7474;
}
.hsu-contact {
	border: solid 1px #4DB56A;
	border-left: solid 2.5em #4DB56A;
}
.hsu-memo:before, .hsu-point:before, .hsu-cautionS:before, .hsu-contact:before, .hsu-BusinessHours:before, .hsu-fresh:before {
	position: absolute;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 1.2rem;
	color: #573B01;
	padding: 0;
	left: -1.6em;
	top: 50%;
	transform: translateY(-50%);
}

.hsu-memo {
    background: -webkit-repeating-linear-gradient(-45deg, #FCEBC7, #FCEBC7 3px,#FCDB90 3px, #FCDB90 7px);
    background: repeating-linear-gradient(-45deg, #FCEBC7, #FCEBC7 3px,#FCDB90 3px, #FCDB90 7px);
}
.hsu-memo:before {
	content: "\f0c6";
}

.hsu-point {
    background: -webkit-repeating-linear-gradient(-45deg, #FCEBC7, #FCEBC7 3px,#FCDB90 3px, #FCDB90 7px);
    background: repeating-linear-gradient(-45deg, #FCEBC7, #FCEBC7 3px,#FCDB90 3px, #FCDB90 7px);
}
.hsu-point:before {
	content: "\f0a6";
}

.hsu-cautionS {
    background: -webkit-repeating-linear-gradient(-45deg, #FCAEAE, #FCAEAE 3px,#FCCFCF 3px, #FCCFCF 7px);
    background: repeating-linear-gradient(-45deg, #FCAEAE, #FCAEAE 3px,#FCCFCF 3px, #FCCFCF 7px);
}
.hsu-cautionS:before {
	content: "\f071";
}

.hsu-BusinessHours {
    background: -webkit-repeating-linear-gradient(-45deg, #FCEBC7, #FCEBC7 3px,#FCDB90 3px, #FCDB90 7px);
    background: repeating-linear-gradient(-45deg, #FCEBC7, #FCEBC7 3px,#FCDB90 3px, #FCDB90 7px);
}
.hsu-BusinessHours:before {
	content: "\f017";
}

.hsu-cautionN {
    display: flex;
    grid-gap: 0 0.7rem;
    margin: 0 auto;
    padding: 0.75rem 0.75rem 0.75rem 1rem;
    border-radius: 10px;
    background-color: #FEE1E6;
    color: #333333;
}
.hsu-cautionN::before {
    width: 24px;
    height: 24px;
	margin-top: 0.2rem;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f83030'%3E%3C/path%3E%3C/svg%3E");
}
.hsu-cautionN p {
    margin: 0;
    padding: 0 0 0 0.75rem;
    border-left: 1px solid #F83030;
}

.hsu-contact {
	margin-top: 2rem;
	background: -webkit-repeating-linear-gradient(-45deg, #C1F7D7, #C1F7D7 3px,#E6F7ED 3px, #E6F7ED 7px);
	background: repeating-linear-gradient(-45deg, #C1F7D7, #C1F7D7 3px,#E6F7ED 3px, #E6F7ED 7px);
}
.hsu-contact:before {
	content: "\f0e0";
}

.hsu-fresh {
	border-left: solid 2.5em #F172A3;
	background: #F9C1CF;
}
.hsu-fresh:before {
	content: "\f06c";
	color: #FFFFFF;
}

.hsu-stripeBg {
	padding: 0.5em 1em;
	margin: 2em 0;
	border-radius: 5px;
	background: -webkit-repeating-linear-gradient(-45deg, #C1F7D7, #C1F7D7 3px,#E6F7ED 3px, #E6F7ED 7px);
	background: repeating-linear-gradient(-45deg, #C1F7D7, #C1F7D7 3px,#E6F7ED 3px, #E6F7ED 7px);
}

/*上下にストライプ*/
.hsu-StLineBox {
	position: relative;
	margin-top: 1rem;
}
.hsu-StLineBox .con {
	padding: 1rem 0.75rem;
}
.hsu-StLineBox::before,
.hsu-StLineBox::after {
	content:"";
	position: absolute;
	width: 100%;
	height: 8px;
	background: linear-gradient(
		-45deg,
		#FFFFFF 25%, #8FEF00 25%,
		#8FEF00 50%, #FFFFFF 50%,
		#FFFFFF 75%, #8FEF00 75%,
		#8FEF00
	);
	background-size: 8px 8px;
}
.hsu-StLineBox .date,
.hsu-StLineBox .place,
.hsu-StLineBox .memo {
	display: block;
	margin-left: 1.5rem;
	text-indent: -1.5rem;
}
.hsu-StLineBox .date:before,
.hsu-StLineBox .place:before,
.hsu-StLineBox .memo:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 0.5rem;
}
.hsu-StLineBox .date:before {
	content: "\f017";
}
.hsu-StLineBox .place:before {
	content: "\f3c5";
}
.hsu-StLineBox .memo:before {
	content: "\f303";
}
.hsu-StLineBox .ttl {
	display: block;
	font-weight: bold;
	font-size: 1.3rem;
	color: green;
}
.hsu-StLineBox .ttl.event:before {
	font-family: "Font Awesome 6 Free";
	content: "\f133";
	font-weight: 900;
	margin-right: 0.5rem;
}
.hsu-StLineBox .ttl.session:before {
	font-family: "Font Awesome 6 Free";
	content: "\e53d";
	font-weight: 900;
	margin-right: 0.5rem;
}
.hsu-StLineBox .hsu-btn01 {
	margin: 1rem auto 0rem;
}
.hsu-StLineBox .hsu-TopLineCard .hsu-btn01 {
	margin: 1rem auto;
}

.hsu-explanation {
	position: relative;
	font-size: 0.8rem;
	padding: 0.25em 0.5em 0.25rem 1.5rem;
	margin: 1em 0;
	border-radius: 5px;
	background: #DDDDDD;
}
.hsu-explanation:before {
	position: absolute;
	font-family: "Font Awesome 6 Free";
	content: "\f05a";
	font-weight: 900;
	font-size: 0.8rem;
	color: #333333;
	padding: 0;
	left: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
}

.hsu-memo p, .hsu-point p, .hsu-cautionS p, .hsu-contact p, .hsu-stripeBg p, .hsu-explanation p, .hsu-fresh p {
	margin-bottom: 0rem;
}

.hsu-SlashSpeechBubble {
	display: flex;
	justify-content: center;
}
.hsu-SlashSpeechBubble .con {
	position: relative;
	display: table-cell;
	padding: 0 3rem;
}
.hsu-SlashSpeechBubble .con:before, .hsu-SlashSpeechBubble .con:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #333333;
}
.hsu-SlashSpeechBubble .con:before {
	left:0;
	transform: rotate(60deg);
}
.hsu-SlashSpeechBubble .con:after {
	right: 0;
	transform: rotate(-60deg);
}

/*トップページサービスカード*/
.hsu-MfList {
	display: grid;
	grid-template-columns: 8rem auto;
	gap: 0.5rem;
}
.hsu-MfList .ttl {
	font-weight: bold;
	margin-right: 1rem;
}
.hsu-MfList .txt {
}
.hsu-MfList .txt span {
	display: block;
}

/*写真つきサービスカード*/
.hsu-ImgCardFlex {
	flex-wrap: wrap;
	display: flex;
}
.hsu-ImgCard {
	position: relative;
	margin: 5px auto;
	padding-bottom: 44px;/*10+14+10+10*/
	width: 24.5%;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 2px 5px #CCCCCC;
}
.hsu-ImgCard .hsu-ImgCardImg {
	border-radius: 5px 5px 0 0;
	max-width: 100%;
	height: auto;
}
.hsu-ImgCard .hsu-ImgCardContent {
	padding: 10px 20px 10px;
}
.hsu-ImgCard .hsu-ImgCardTitle {
	display: block;
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 10px;
	text-align: center;
	color: #333333;
}
.hsu-ImgCard .hsu-ImgCardTxt {
	display: block;
	padding-bottom: 1rem;
	color: #777777;
	font-size: 1rem;
	line-height: 1.6;
}
.hsu-ImgCard .hsu-ImgCardLink {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 1px solid #EEEEEE;
	text-align: center;
	padding: 10px 20px 10px;
}
.hsu-ImgCard .hsu-ImgCardLink a {
	text-decoration: none;
	margin: 0 10px;
}

/*上にラインがあるカード*/
.hsu-TopLineCard {
	border: solid 1px #999999;
	border-top: solid 4px #003300;
	border-radius: 8px;
	padding: 0.5rem 1rem;
}
.hsu-TopLineCard .card-ttl {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	margin: 0rem 1rem 0.5rem;
	padding: 0rem 0rem 0.25rem;
	color: #003300;
	border-bottom: solid 3px #003300;
}
.hsu-TopLineCard .DayOfWeek,
.hsu-StLineBox .DayOfWeek {
	padding-right: 0.18rem;
	text-align: right;
}

ul p, ol p {
	margin-bottom: 0rem!important;
}
/*リストインリスト微調整*/
ol ul {
	padding-left: 0!important;
}
ol ul li {
	margin-left: 0!important;
	padding: 0 0 0 1.5rem!important;
}

/*番号リスト*/
ol.hsu-NumListC, ol.hsu-NumListS {
	position: relative;
	margin: 0 0 0 0.5rem;
	padding: 0 10px 0 6px;
	list-style: none;
}
ol.hsu-NumListC li, ol.hsu-NumListS li {
	position: relative;
	margin: 12px 20px 0 24px;
	padding: 0;
	line-height: 1.5;
}
ol.hsu-NumListC, ol.hsu-NumListS {
	counter-reset: li;
}
ol.hsu-NumListC > li:before, ol.hsu-NumListS > li:before {
	position: absolute;
	font-weight: bold;
	counter-increment: li;
	content: counter(li) "";
	left: -34px;
	top: 0;
	color: #FFFFFF;
	width: 24px;
	height: 24px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1;
	background: #003300;
	padding: 6px 0;
}
ol.hsu-NumListC > li:before {
	border-radius: 100%;
}
ol.hsu-NumListC a, ol.hsu-NumListS a {
	text-decoration: none;
	color: #333333;
}
ol.hsu-NumListC.bl a, ol.hsu-NumListS.bl a {
	text-decoration: underline;
	color: #1967D2;
}
ol.hsu-NumListC.bl a:hover, ol.hsu-NumListS.bl a:hover {
	color: #E53900;
}

/*分割表示*/
.hsu-grid {
	display: grid;
	grid-template-rows: auto;
	gap: 0.5rem;
	max-width: 100%;
}
.hsu-grid.grid2 {
	grid-template-columns: 1fr 1fr;
}
.hsu-grid.grid3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.hsu-grid.grid4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hsu-grid.grid5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.hsu-grid.grid6 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.hsu-grid a {
	text-decoration: none;
	color: #333333;
}

.hsu-GridItem {
	padding: 0.5rem;
}
.hsu-GridItem.hsu-ServiceCard {
	border-radius: 5px;
	border: solid 1px #333333;
	text-align: center;
}
.hsu-GridItem.hsu-ServiceCard:hover {
	border: solid 1px #003300;
	color: #003300;
}
.hsu-GridItem.hsu-ServiceCard span {
	font-weight: bold;
	margin: 0.5rem auto 1rem;
}
.hsu-GridItem.hsu-ServiceCard i {
	display: block;
	font-size: 300%;
	margin-top: 0.5rem;
}

/* スライダー調整 */
div.bx-wrapper {
	margin-bottom: 1rem;
}

.hsu-ImgCenter {
	display: block;
	margin: 0 auto;
}

/*ボタン*/
a.hsu-btn01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 22rem;
	margin: 1rem auto;
	padding: 0.3rem 1.2rem;
	font-weight: bold;
	background: #003300;
	border: 2px solid #003300;
	border-radius: 100vh;
	color: #FFFFFF;
	transition: 0.5s;
}
a.hsu-btn01:hover {
	color: #003300;
	background: transparent;
}
a.hsu-btn01.cr:before, a.hsu-btn01.glass:before, a.hsu-btn01.pdf:before, a.hsu-btn01.survey:before, a.hsu-btn01.DayRes:before, a.hsu-btn01.app:before, a.hsu-btn01.cont:before, a.hsu-btn01.photo:before, a.hsu-btn01.NewAcc:before, a.hsu-btn01.AccLogin:before {
	position: relative;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 15px;
}
a.hsu-btn01.AppStore:before, a.hsu-btn01.GooglePlay:before {
	position: relative;
	font-family: "FontAwesome";
	font-weight: 900;
	margin-right: 15px;
}
a.hsu-btn01.cr:before {
	content: "\f054";
}
a.hsu-btn01.glass:before ,
a.hsu-btn02.glass:before {
	content: "\f002";
}
a.hsu-btn01.pdf:before {
	content: "\f1c1";
}
a.hsu-btn01.survey:before {
	content: "\f46c";
}
a.hsu-btn01.DayRes:before {
	content: "\f274";
}
a.hsu-btn01.app:before {
	content: "\f044";
}
a.hsu-btn01.cont:before {
	content: "\f075";
}
a.hsu-btn01.photo:before {
	content: "\f03e";
}
a.hsu-btn01.UmAcc {
	background: #EA795E;
	border-color: #EA795E;
}
a.hsu-btn01.UmAcc:hover {
	color: #EA795E;
	background: transparent;
}
a.hsu-btn01.CoopAcc {
	background: #2CC495;
	border-color: #2CC495;
}
a.hsu-btn01.CoopAcc:hover {
	color: #2CC495;
	background: transparent;
}
a.hsu-btn01.NewAcc:before {
	content: '\f234';
}
a.hsu-btn01.AccLogin:before {
	content: '\f2f6';
}
a.hsu-btn01.AppStore:before {
	content: '\f370';
}
a.hsu-btn01.GooglePlay:before {
	content: '\f3ab';
}
a.hsu-btn02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 18rem;
	margin: 0.5rem auto;
	padding: 0.3rem 0.5rem;
	font-weight: bold;
	background: #003300;
	border: 2px solid #003300;
	border-radius: 5px;
	color: #FFFFFF;
	transition: 0.5s;
}
a.hsu-btn02:hover {
	color: #003300;
	background: transparent;
}
a.hsu-btn02:before {
	position: relative;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 12px;
}
a.hsu-btn02.MLMcar:before {
	content: "\f1b9";
}
a.hsu-btn02.MLMbike:before {
	content: "\f21c";
}
a.hsu-btn02.MLMaccess:before {
	content: "\f3c5";
}
a.hsu-btn02.MLMcalendar:before {
	content: "\f073";
}
a.hsu-btn02.MLMrule:before {
	content: "\f058";
}

/*PDFリンク装飾*/
a.LinkPdf:after {
	position: relative;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-left: 0.5rem;
}
a.LinkPdf:after {
	content: "\f1c1";
}

/*内部リンク装飾*/
a.hsu-InternalLink {
	text-decoration: none;
	color: #333333;
}
a.hsu-InternalLink:hover {
	text-decoration: underline;
	color: #1558D6;
}
a.hsu-InternalLink:after {
	position: relative;
	content: "\f0c1";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	padding-left: 0.2rem;
}

/*外部リンク装飾*/
a[target].hsu-LinkTB:not([class^="hsu-btn"]):after {
	font-size: 50%;
	vertical-align: relative;
	position: relative;
	top: -0.4rem;
	left: 0.2rem;
	content: "\f35d";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}

/*チップ*/
.hsu-new:after, .hsu-push:after {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3;
	display: inline-block;
	color: #FFFFFF;
	background: #FF0000;
	border-radius: 15px;
	padding: 0 5px;
	margin-left: 10px;
	vertical-align: super;
}
.hsu-new:after {
	content: 'New!';
}
.hsu-push:after {
	content: 'おすすめ';
}

/*ぶら下げインデント*/
.hanging-indent {
	text-indent: -1rem;
	margin: 0 0 0 1rem;
}

/*Googleマップ*/
.GooMap {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.GooMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*iframe調整*/
.video-container {
	margin: 0px auto;
}

/*アカウントFAQ*/
.hsu-TabCon *, .hsu-TabCon *:before, .hsu-TabCon *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hsu-TabCon *:before, .hsu-TabCon *:after {
  font-family: 'FontAwesome', sans-serif;
}
.hsu-TabCon {
  margin: 0 auto;
  background: #ffffff;
}
.hsu-TabCon p {
  margin: 0rem;
}
.hsu-TabCon input {
  display: none;
}
.hsu-TabCon #hsu-con1,
.hsu-TabCon #hsu-con2,
.hsu-TabCon #hsu-con3,
.hsu-TabCon #hsu-con4 {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #dddddd;
}
.hsu-TabCon label.hsu-tabitem {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  text-align: center;
  border: 1px solid transparent;
}
.hsu-TabCon label.hsu-tabitem:before {
  margin-right: 10px;
}
.hsu-TabCon label.hsu-tabitem[for*='1']:before { content: '\f013'; }
.hsu-TabCon label.hsu-tabitem[for*='2']:before { content: '\f7cd'; }
.hsu-TabCon label.hsu-tabitem[for*='3']:before { content: '\f4ad'; }
.hsu-TabCon label.hsu-tabitem[for*='4']:before { content: '\f555'; }
.hsu-TabCon label.hsu-tabitem:hover {
  cursor: pointer;
  color: #888888;
}
.hsu-TabCon input:checked + label {
  color: #555555;
  border: 1px solid #DDDDDD;
  border-bottom: 1px solid #FFFFFF;
}
.hsu-TabCon input:checked + label[for*='1'] {
  border-top: 5px solid #2CC495;
}
.hsu-TabCon input:checked + label[for*='2'] {
  border-top: 5px solid #1592E6;
}
.hsu-TabCon input:checked + label[for*='3'] {
  border-top: 5px solid #FFCE67;
}
.hsu-TabCon input:checked + label[for*='4'] {
  border-top: 5px solid #FC0000;
}
.hsu-TabCon #hsu-conttab1:checked ~ #hsu-con1,
.hsu-TabCon #hsu-conttab2:checked ~ #hsu-con2,
.hsu-TabCon #hsu-conttab3:checked ~ #hsu-con3,
.hsu-TabCon #hsu-conttab4:checked ~ #hsu-con4 {
  display: block;
}
.hsu-TabCon .hsu-TabConin {
  overflow-x: hidden;
  margin: 0 auto;
  color: #333333;
}
.hsu-TabCon .hsu-TabConin .hsu-actab {
  padding: 1rem 0;
  border-bottom: 1px dotted #CCCCCC;
}
.hsu-TabCon .hsu-TabConin label {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 10px 0 48px;
  cursor: pointer;
  font-weight: bold;
}
.hsu-TabCon .hsu-TabConin .hsu-plus {
  font-size: 2rem;
  line-height: 100%;
  position: absolute;
  z-index: 5;
  margin-top: 3px;
  margin-left: 10px;
  -webkit-transition: 0.2s ease;
          transition: 0.2s ease;
}
.hsu-TabCon .hsu-TabConin .hsu-actab-con {
  position: relative;
  overflow: hidden;
  height: 0;
  margin: 0 10px 0 48px;
  padding: 14px 0;
  -webkit-transition: 0.4s ease;
          transition: 0.4s ease;
  opacity: 0;
}
.hsu-TabCon .hsu-TabConin .hsu-actab-con * {
  margin: 0rem;
}
.hsu-TabCon .hsu-TabConin .hsu-actab-con ul {
  padding: 0.5rem 1rem 0.5rem 0rem;
}
.hsu-TabCon .hsu-TabConin .hsu-actab-con li {
  padding: 0.25rem 0rem 0.25rem 1.2rem;
  list-style-type: none!important;
}
.hsu-TabCon .hsu-TabConin .hsu-actab-con li:before {  
  font-family: "FontAwesome";
  content: "\f138";
  position: absolute;
  left : 0rem;
  color: #003300;
}
.hsu-TabCon .hsu-TabConin .hsu-actab input[type=checkbox]:checked ~ .hsu-actab-con {
  height: auto;
  opacity: 1;
}
.hsu-TabCon .hsu-TabConin .hsu-actab input[type=checkbox]:checked ~ .hsu-plus {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hsu-OnePointCon {
    position: relative;
	padding: 3px 10px 5px 40px;
    box-sizing: border-box;
    background: #FFF4DB;
    border-top: solid 3px #FFD596;
	border-radius: 5px;
}
.hsu-OnePointCon:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
	border-bottom-right-radius: 5px;
    text-align: center;
    content: "\f05a";
    font-family: FontAwesome;
    color: #FF4500;
    font-size: 18px;
    line-height: 30px;
    background: #FFD596;
    font-weight: 900;
}
.hsu-OnePointCon p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
}

/* ページトップ簡易お知らせ */
.hsu-TopicBoxOne {
    display: flex;
    align-items: center;
    grid-gap: 0 .7rem;
    margin: 0 auto;
    padding: 0.75em 0.75rem 0.75rem 1rem;
    border-radius: 10px;
    background-color: #D7FFD1;
    color: #333333;
}
.hsu-TopicBoxOne::before {
    width: 16px;
    height: 8px;
    border-bottom: 3px solid #003300;
    border-left: 3px solid #003300;
    transform: rotate(-45deg) translate(2.5px, -2.5px);
    content: '';
}
.hsu-TopicBoxOne p {
    margin: 0;
    padding: 0 0 0 0.7rem;
    border-left: 1px solid #003300;
}

/*旅行部ページ*/
.hsu-point-box {
	position: relative; 
	margin: 2em auto;
	padding: 2em;
}
.hsu-point-box:before {
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 10px;
	z-index: -1;
}
.hsu-point-box:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -2;
}
.hsu-point-box .ttl {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.25rem;
	padding: 0.25rem 0rem;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
}
.hsu-point-box ul {
	font-weight: bold;
	font-size: 1.05rem;
	margin: 0rem;
	padding: 0.5rem 1rem 0rem 1.5rem;
}
.hsu-point-box li {
	line-height: 1.2;
	padding: 1rem 0rem;
	list-style-type: none!important;
}
.hsu-point-box li:before {	
	font-family: "FontAwesome";
	content: "\f138";
	position: absolute;
	left : 2.3rem;
}
.hsu-point-box.g:after {
	background: repeating-linear-gradient(-45deg, #ECFF8C, #ECFF8C 5px, #D2ED4A 0, #D2ED4A 10px);
}
.hsu-point-box.g li:before {	
	color: #ADC93A;
}
.hsu-point-box.p:after {
	background: repeating-linear-gradient(-45deg, #FCB1F4, #FCB1F4 5px, #FF8FF3 0, #FF8FF3 10px);
}
.hsu-point-box.p li:before {	
	color: #FA57E7;
}
.hsu-point-box.o:after {
	background: repeating-linear-gradient(-45deg, #FAD3AC, #FAD3AC 5px, #FCA751 0, #FCA751 10px);
}
.hsu-point-box.o li:before {	
	color: #FCA751;
}
.hsu-TripList {
	margin: 1rem 0rem 1.5rem;
	border: solid 2px #003300;
	border-radius: 5px;
	padding: 0.5rem 1rem 0.5rem 1rem;
}
.hsu-TripList ul,
.hsu-TripList ol {
	margin: 0;
	padding: 0;
}
.hsu-TripList li {
	line-height: 1.5;
	text-indent: -1.4rem;
	padding: 0.5rem 0rem 0.5rem 1.4rem;
	list-style-type: none!important;
}
.hsu-TripList li:not(:last-child) {
	border-bottom: 1px dashed #003300;
}
.hsu-TripList li:before {
	content: "\f0f2";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right : 0.5rem;
	color: #003300;
}
.hsu-TripList li.dl:before {
	content: "\f447";
}
.hsu-TripList li.ds:before {
	content: "\f13d";
	padding-right : 0.25rem;
}
.hsu-TripList li .spot {
	font-weight: bold;
	color: #003300;
}
.hsu-TripList li .address {
	top: -0.1rem;
	border-radius: 5px;
	padding: 0.05rem 0rem 0.05rem 0.75rem;
	margin-left: 0.4rem;
	font-size: 0.8rem;
}
.hsu-TripList li .address:before {
	content: "\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right : 0.25rem;
}
.hsu-TripList li ol li:before {
	content: "\f005";
}
.hsu-TripList ol li {
	border-bottom: 0!important;
}
.hsu-TripList ol li:first-child {
	padding-top: 1.2rem;
}
.hsu-hr {
	margin: 0.5rem 0;
	color: #330033;
}

/* パスポート */
.hsu-TripPPT {
	padding: 0.5rem 0.75rem;
	background: #FFBBAA;
	border-radius: 10px;
}
.hsu-TripPPT span {
	display: block;
	font-weight: bold;
	font-size: 1.2rem;
	color: #AA0000;
}
.hsu-TripPPT span:before {
	font-family: "Font Awesome 5 Free";
	content: "\f5ab";
	display: inline-block;
	margin-right: 0.5rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #AA0000;
	color: #FFBBAA;
	font-weight: 700;
}

/*語学研修*/
.hsu-langCard {
	display: table;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 10px;
	border: solid 1px #999999;
}
.hsu-langCard .hsu-langCard-img,
.hsu-langCard .hsu-langCard-cnt {
	display: table-cell;
}
.hsu-langCard .hsu-langCard-img {
	width: 5.5rem;
	margin: 0rem;
	padding: 0rem;
	line-height: 0rem;
}
.hsu-langCard .hsu-langCard-img img {
	width: 5.5rem;
}
.hsu-langCard .hsu-langCard-cnt {
	position: relative;
	vertical-align: top;
	padding: 0rem 0.4rem;
}
.hsu-langCard .hsu-langCard-cnt:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f13a";
	position: absolute;
	bottom: 2%;
	right: 10px;
	color: #AAAAAA;
}
.hsu-langCard .hsu-langCard-cnt .status {
  font-size: 0.8rem;
  margin-right: 0.3rem;
  padding: 0rem 0.5rem;
  border-radius: 8px;
  color: #FFFFFF;
}
.hsu-langCard .hsu-langCard-cnt .date {
  font-size: 0.8rem;
}
.hsu-langCard .hsu-langCard-cnt .status.r {
  background: #D21801;
}
.hsu-langCard .hsu-langCard-cnt .status.o {
  background: #FF7921;
}
.hsu-langCard .hsu-langCard-cnt .status.g {
  background: #007B0C;
}
.hsu-langCard .hsu-langCard-cnt .name {
  display: block;
  margin-top: 0.2rem;
  line-height: 1.2rem;
  font-weight: bold;
}

/*自動車学校*/
ul.hsu-DSline {
	position: relative;
	margin: 0.5rem 0rem;
	padding: 0 0 0 1.6rem;
}
.hsu-DSline li {
	list-style-type: none;
	font-weight: bold;
	line-height: 1.2;
}
.hsu-DSline li:not(:last-of-type) {
	margin-bottom: 1rem;
}
.hsu-DSline li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f3c5";
	position: absolute;
	left: 0;
	margin-top: 1px;
	font-size: 1.8rem;
	color: #003300;
}
.hsu-DSline span {
	display: block;
	font-weight: normal;
	font-size: 0.9rem;
}

/*ポップアップ*/
.hsu-popup input {
	display: none;
}

/* ポップアップwindow部分 */
.hsu-popup .overlay {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 70;
	width: 100%;
	height: 100%;
}
/* オーバーレイの背景部分 */
.hsu-popup .bg-gray {
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 80;
}
/* ウィンドウ部分 */
.hsu-popup .win {
	width: 80%;
	padding: 20px 34px 20px 20px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6);
	z-index: 90;
	opacity: 0;
}
/* 閉じるボタン */
.hsu-popup .btn-cloth {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #003300;
	border-radius: 5px;
	z-index: 100;
	cursor: pointer;
}
.hsu-popup .btn-cloth:hover {
	opacity: 0.7;
}
.hsu-popup .btn-cloth span,
.hsu-popup .btn-cloth span::before {
	display: block;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #FFFFFF;
}
.hsu-popup .btn-cloth span {
	transform: rotate(45deg);
}
.hsu-popup .btn-cloth span::before {
	content: "";
	position: absolute;
	bottom: 0;
	transform: rotate(-90deg);
}

/* クリックで表示 */
.hsu-popup [id]:checked ~ .overlay {
	visibility: visible;
}
.hsu-popup [id]:checked ~ .overlay .win {
	animation: fadein 500ms forwards;
	animation-timing-function: ease-in-out;
}
@keyframes fadein {
	100% {
		opacity: 1;
	}
}
/* コンテンツ部分 */
.hsu-popup .txt-label {
	cursor: pointer;
}
.hsu-popup .txt-label:hover {
	opacity: 0.7;
}
.hsu-popup p {
	margin-bottom: 0.5rem;
}
.hsu-popup p:last-child {
	margin-bottom: 0rem;
}
/*ポップアップここまで*/

/* 割引アイコン */
.numaji-pair,
.numaji-graduation,
.numaji-introduction,
.numaji-outside,
.chuo-studentd,
.chuo-graduation,
.chuo-introduction,
.chuo-early {
	display: inline-block;
	margin: 0.25rem;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	width: 6rem;
	text-align: center;
	font-weight: bold;
}
.numaji-pair:hover .ico,
.numaji-graduation:hover .ico,
.numaji-introduction:hover .ico,
.numaji-outside:hover .ico,
.chuo-studentd:hover .ico,
.chuo-graduation:hover .ico,
.chuo-introduction:hover .ico,
.chuo-early:hover .ico {
	transform: scale(1.2,1.2);
}
.numaji-pair .txt,
.numaji-graduation .txt,
.numaji-introduction .txt,
.numaji-outside .txt,
.chuo-studentd .txt,
.chuo-graduation .txt,
.chuo-introduction .txt,
.chuo-early .txt {
	display: block;
	margin-top: -1rem;
}
.numaji-pair .ico,
.numaji-graduation .ico,
.numaji-introduction .ico,
.numaji-outside .ico,
.chuo-studentd .ico,
.chuo-graduation .ico,
.chuo-introduction .ico,
.chuo-early .ico {
	display: block;
	margin-top: -0.5rem;
}
.numaji-pair .ico:after,
.numaji-pair .ico:before,
.numaji-graduation .ico:before,
.numaji-introduction .ico:before,
.numaji-outside .ico:before,
.chuo-studentd .ico:before,
.chuo-graduation .ico:before,
.chuo-introduction .ico:before,
.chuo-early .ico:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-size: 3rem;
}
.numaji-pair {
	color: #E85382;
}
.numaji-pair .ico:after {
	content: "\e59d";	
	margin-left: -0.3rem;
}
.numaji-pair .ico:before {
	content: "\e59d";
}
.chuo-studentd .ico:before {
	content: "\f549";
}
.numaji-graduation {
	color: #2CA6E0;
}
.numaji-graduation .ico:before,
.chuo-graduation .ico:before {
	content: "\f19d";
}
.numaji-introduction {
	color: #0DAC67;
}
.numaji-introduction .ico:before,
.chuo-introduction .ico:before {
	content: "\f2b5";
}
.numaji-outside {
	color: #F08400;
}
.numaji-outside .ico:before {
	content: "\f5a0";
}
.chuo-early .ico:before {
	content: "\f133";
}
.chuo-studentd,
.chuo-introduction,
.chuo-graduation,
.chuo-early {
	color: #0050A2;
}


.numaji-TabBox .cld,
.chuo-TabBox .cld {
	display: inline-block;
}
.numaji-TabBox,
.chuo-TabBox {
	text-align: center;
	max-width: 100%;
}
.numaji-tab input,
.chuo-tab input {
	display: none;
}
.numaji-tab .tab-content,
.chuo-tab .tab-content {
	display: none;
	border-radius: 5px;
	margin-top: 0.5rem;
	padding: 0.25rem 0.5rem;
	max-width: 600px;
	text-align: left;
}
.numaji-tab .tab-content#tab-1-con {
	background-color: rgba(232, 83, 130, 0.3);
}
.numaji-tab .tab-content#tab-2-con {
	background-color: rgba(13, 172, 103, 0.3);
}
.numaji-tab .tab-content#tab-3-con {
	background-color: rgba(240, 132, 0, 0.3);
}
.numaji-tab .tab-content#tab-4-con {
	background-color: rgba(44, 166, 224, 0.3);
}
.chuo-tab .tab-content#tab-c1-con,
.chuo-tab .tab-content#tab-c2-con,
.chuo-tab .tab-content#tab-c3-con,
.chuo-tab .tab-content#tab-c4-con {
	background-color: rgba(110, 200, 227, 0.3);
}
.numaji-tab #tab-1:checked ~ .TabCon-wrapper #tab-1-con,
.numaji-tab #tab-2:checked ~ .TabCon-wrapper #tab-2-con,
.numaji-tab #tab-3:checked ~ .TabCon-wrapper #tab-3-con,
.numaji-tab #tab-4:checked ~ .TabCon-wrapper #tab-4-con,
.chuo-tab #tab-c1:checked ~ .TabCon-wrapper #tab-c1-con,
.chuo-tab #tab-c2:checked ~ .TabCon-wrapper #tab-c2-con,
.chuo-tab #tab-c3:checked ~ .TabCon-wrapper #tab-c3-con,
.chuo-tab #tab-c4:checked ~ .TabCon-wrapper #tab-c4-con {
	display: block;
}
.numaji-tab input:checked + .tab-label,
.chuo-tab input:checked + .tab-label {
	color: #FFFFFF;
}
.numaji-tab input:checked + .tab-label.numaji-pair {
	background: #E85382;
}
.numaji-tab input:checked + .tab-label.numaji-introduction {
	background: #0DAC67;
}
.numaji-tab input:checked + .tab-label.numaji-outside {
	background: #F08400;
}
.numaji-tab input:checked + .tab-label.numaji-graduation {
	background: #2CA6E0;
}
.chuo-tab input:checked + .tab-label.chuo-studentd,
.chuo-tab input:checked + .tab-label.chuo-early,
.chuo-tab input:checked + .tab-label.chuo-introduction,
.chuo-tab input:checked + .tab-label.chuo-graduation {
	background: linear-gradient(70deg, #0050A2, #21B2E8);
}

.hsu-TtlBorBox {
	border: 2px solid #003300;
	border-radius: 5px;
	position: relative;
	padding: 0.25rem 0.5rem;
	margin: 1rem auto 0rem;
	max-width: 700px;
}
.hsu-TtlBorBox .ttl {
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -1.3rem;
	font-weight: bold;
	font-size: 1.4rem;
}
.hsu-TtlBorBox .ttl .TtlTxt {
	padding: 0 .5em;
	background: #FFFFFF;
	color: #003300;
}
.hsu-TtlBorBox .inner{
	padding: 1.2em .5em .5em;
}




/*メール*/
.hsu-anspa:before {
	content: "@"
}
.hsu-anspa:after {
	content: "."
}

/*曜日*/
.DayOfWeek {
	display: inline-block;
	align-content: center;
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0rem 0.2rem 0rem;
	color: #FFFFFF;
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.2rem;
}
.DayOfWeek.weekdays {
	background: #003300;
}
.DayOfWeek.sat {
	background: #0000CC;
}
.DayOfWeek.sun {
	background: #CC0000;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
}

/*834px以下*/
@media screen and (max-width: 834px) {
/*写真つきサービスカード*/
.hsu-ImgCard {
	width: 49%;
}
.hsu-grid.TabletRuleTop {
	display: block;
}
.grid3.TabletRule {
	grid-template-columns: 1fr 1fr;
}
}

/*480px以下*/
@media screen and (max-width: 480px) {
.hsu-DateListBox .hsu-DateListItem a {
	flex-wrap: wrap;
}
.hsu-DateListBox .hsu-DateListItem .hsu-DateListDate {
	min-width: 100px;
}
.hsu-DateListBox .hsu-DateListItem .hsu-DateListTtl {
	margin-top: 2px;
}
ul.hsu-ArrowR-list {
	padding-left: 36px;
	padding-bottom: 0.5rem;
}
.hsu-head11 {
	padding: 0;
	margin: 0 0 2rem;
}
.hsu-MfList {
	display: block;
}
.hsu-MfList .txt {
	margin-bottom: 1rem;
}
.hsu-grid:not(.bdb) {
	display: block;
}
.hsu-grid.grid4,
.hsu-grid.grid5 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.hsu-grid.sp-gird2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.hsu-grid.sp-gird2 a.hsu-btn02 {
	width: 100%;
}
.hsu-grid.sp-gird3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.hsu-grid.sp-gird4 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.hsu-grid.sp-gird5 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.hsu-TimeLine-ttl {
	margin: 0;
}
p.hsu-TimeLine-date {
	width: 100%;
	float: none;
	margin: 0;
}
.hsu-TimeLine-cont {
	width: 100%;
	float: none;
	border-left: none;
	padding-left: 0;
	margin: 0 0 1.5rem;
}
.hsu-TimeLine-cont:before {
	display: none;
}
.hsu-TimeLine .txt {
	margin: 0 0 0 1rem;
}
a.hsu-btn01 {
	width: 98%;
}
/*写真つきサービスカード*/
.hsu-flex {
	display: block;
}
.hsu-ImgCard {
	width: 99%;
}
/*上にラインがあるカード*/
.hsu-TopLineCard:not(:last-child) {
	margin-bottom: 0.5rem;
}
/*語学研修*/
.hsu-langCard {
	width: 100%;
	margin-bottom: 0.2rem;
}
/*ポップアップ*/
.hsu-popup .win {
	width: 90%;
}

.numaji-pair,
.numaji-graduation,
.numaji-introduction,
.numaji-outside {
	margin: 0.05rem;
	width: 4.8rem;
}
.numaji-pair .ico:after,
.numaji-pair .ico:before,
.numaji-graduation .ico:before,
.numaji-introduction .ico:before,
.numaji-outside .ico:before {
	font-size: 2rem;
}
.chuo-studentd,
.chuo-graduation,
.chuo-introduction,
.chuo-early {
	margin: 0.05rem;
	width: 4.8rem;
}
.chuo-studentd .ico:before,
.chuo-graduation .ico:before,
.chuo-introduction .ico:before,
.chuo-early .ico:before {
	font-size: 2rem;
}
}

/* 海外旅行プライスカード */
.hsu-tvOprice-card {
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(0,0,0,0.15);
	overflow: hidden;
	border: 1px solid #E3E3E3;
}

/* HEADER */
.hsu-tvOprice-card-header {
	width: 98%;
	background: #FEFEFE;
	text-align: center;
	margin: 0 auto;
	padding: 0.5rem 1rem 0.25rem;
	border-bottom: 1px solid #E6E6E6;
}
.hsu-tvOprice-title {
	font-size: 1.4rem;
	font-weight: 800;
}
.hsu-tvOprice-subtitle {
	font-size: 0.85rem;
	margin-top: -0.3rem;
	color: #555555;
}
.hsu-tvOprice-tax {
	font-size: 0.85rem;
	color: #555555;
}
.hsu-tvOprice-tax span.fuel {
	margin-right: 1rem;
}
.hsu-tvOprice-tax span.fuel:before,
.hsu-tvOprice-tax span.fuel + span:before {
	font-size: 0.8rem;
	background: #555555;
	color: #FFFFFF;
	padding: 0rem 0.2rem;
	border-radius: 5px;
	margin-right: 0.2rem;
	vertical-align: 0.2ex;
}
.hsu-tvOprice-tax span.fuel:before {
	content: "燃油";
}
.hsu-tvOprice-tax span.fuel + span:before {
	content: "諸税";
}

/* PRICE SECTION */
.hsu-tvOprice-price-block {
	text-align: center;
	padding: 0.3rem 1rem 0rem;
}
.hsu-tvOprice-price-label {
	font-size: 0.85rem;
	font-weight: 800;
}
.hsu-tvOprice-price-range {
	font-size: 1.3rem;
	color: #D60000;
	font-weight: 900;
	letter-spacing: 1px;
	margin: -0.7rem auto 0rem;
}

/* TABLE */
.hsu-tvOprice-card table {
	width: 98%;
	border-collapse: collapse;
	margin: 0rem auto 0.5rem;
	line-height: 1.4rem;
	font-size: 0.95rem;
}
.hsu-tvOprice-card th,
.hsu-tvOprice-card td {
	border: 1px solid #CCCCCC;
	padding: 0.2rem 0.5rem 0.1rem;
	text-align: center;
	background: #FFFFFF;
}
.hsu-tvOprice-card th {
	background: #F1F1F1;
	font-weight: 700;
}
.hsu-tvOprice-card th.day {
	width: 3.5rem;
}

/* FOOTER */
.hsu-tvOprice-footer {
	padding: 0rem 0.5rem 0.5rem;
}
.hsu-tvOprice-expire {
	font-size: 0.8rem;
	font-weight: 500;
	color: #444444;
	margin-top: 6px;
}
.hsu-tvOprice-expire span {
	border: 1px solid #333333;
	border-radius: 15px;
	margin-right: 0.4rem;
	padding: 0rem 0.3rem;
}