@charset "UTF-8";

:root{
	--base: #17A2B8;
	--sub: #FFB74D;
	--dark: #00838F;
	--darker: #006064;
}

/* Bootstrap4 のカルーセルの高さがChromeだけおかしい件への対応 */
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev{
display:block !important;
}

h1,h2,h3,h4,h5,h6{font-weight: 300;}
b{font-weight: normal;color:#E91E63;}
.h2_tag{background: #000;padding:0.5rem 1rem;color:#FFF;}

.card-columns {column-count: 5;}
.grid{margin:0 auto;display:block;}
.grid-item{width:300px;border:1px solid #CCC;padding:15px;margin-bottom: 20px;display: block;}

.table01 th{background-color: #FAFAFA;white-space:nowrap;padding:1rem;}
.table01 td{padding:1rem;}
.table01 p{margin-bottom: 1rem;}

.privacy_box{border:0.2rem solid #CCC;padding:2rem;}
.privacy_box h3{color:var(--dark);font-size:1.2rem;margin-top:50px;margin-bottom: 30px;}
.privacy_box p{line-height: 200%;}
.privacy_box li{margin-bottom: 15px;}



.circle {
  background:#FF9800;
  border-radius:50%;
  color:#FFFFFF;
  font-size:24px;
  height:50px;
  line-height:80%;
  padding-top:5px;
  position:absolute;
  right:5px;
  text-align:center;
  top:-3px;
  width:50px;
}

.circle div{font-size: 0.6rem;}
.under_tag01{background:#000;color:#FFF;text-align: center;padding:0.5rem 1rem;}

.btn-warning{background:#FF9800; border:0;}
.btn-warning:hover{background:#F57C00;}
.btn-primary{background:#333; border:0;}
.btn-primary:hover{background:#000;}
.disp_tax{font-size:0.7rem;}
.side_box{background: #FAFAFA;padding:0.5rem 1rem;border:1px solid #CCC;margin-bottom: 0.3rem;}
.badge-primary{background: #000;}

.flow article{border:2px solid #000;padding:1.5rem;line-height: 200%;}

.arrow {
  border-color:#03375B transparent transparent;
  border-style:solid;
  border-width:30px;
  margin:0 auto -20px;
  width:0;
}


.textsmall {font-size: 0.6rem; margin-top:1rem; color:#ee0000;}

/* 休業設定 */

.closing {
  text-align:center;
  font-size:1.0rem;
  line-height:1.6rem;
  margin-bottom:5.0rem;
  margin-left: auto;
  margin-right: auto;
}

.closing div {
  text-align:center;
  font-weight:bold;
  font-size:1.2rem;
  margin:1rem auto;
}

.closing div p {
  font-size:0.8rem;
  margin:0 !important;
}

.closing span {
  font-size:0.8rem;
  margin:0 !important;
  line-height:1rem;
}

.mojis {
  font-size:0.9rem !important;
  margin-top:0 !important;
}

.mojis2 {
  font-size:0.9rem !important;
  margin-top:-1.0rem !important;
}


/* 休業設定2 */

.closing-cart {
  text-align:left;
  font-size:1.0rem;
  line-height:1.6rem;
  margin-bottom:2.6rem;
  margin-left: auto;
  margin-right: auto;
}

.closing-cart div {
  text-align:left;
  font-weight:bold;
  font-size:1.2rem;
  margin:1rem auto;
}

.closing-cart div p {
  font-size:0.8rem;
  margin:0 !important;
}

.closing-cart span {
  font-size:0.8rem;
  margin:0 !important;
  line-height:1rem;
}


@media (min-width: 1201px) {
.card-columns {column-count: 5;}
}



@media (max-width: 1200px) {
.card-columns {column-count: 4;}
}



@media (max-width: 992px) {
.card-columns {column-count: 3;}
}



@media (max-width: 768px) {
.card-columns {column-count: 2;}
}



@media (max-width: 576px) {
.card-columns {column-count: 1;}
body,html{font-size:12px;}
}