img {
    image-rendering: -webkit-optimize-contrast;
}

.fl {
	float: left;
	text-align:right;
}
.fl2 {
	float: left;
}
fl3 {
	clear: right;
}

.bg {
	background-image: url("../image/background.jpg");
	background-size: contain;
}
#sect {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

#sect00 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

#sect01 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

#sect02 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

#sect03 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

#sect04 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

#sect05 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}
#sect06 {
	background-image: url("../image/background.jpg");
	background-size: contain;
}

.title {
	background: -moz-linear-gradient(left, #e6e6ff, #ffe6e6);
	background: -webkit-linear-gradient(left, #e6e6ff, #ffe6e6);
	background: linear-gradient(to right, #e6e6ff, #ffe6e6);
	font-size:1.2rem;
	font-weight:bold;
}


footer{
    width: 100%;
    background-color: #89c7de;
	background-image: url("../image/footer.png");
	background-repeat: no-repeat;
	background-position: bottom;
    color: #000;
    padding: 50px 0;
	text-align:center;

 
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 5%;
  left: 5%;
  width: 300px;
  height: 300px;
  margin-top: 0px;
  margin-left: 0px;
  text-align: center;
  color: #f80;
  z-index: 2;
}

#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.iyashi {
	background:#e9fd75;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.kurashi {
	background:#fcd772;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.kenchiku {
	background:#e0e6fd;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.taxi {
	background:#f9cded;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.fashion {
	background:#fccacd;
	font-size:80%;
	text-align: center;
	}
.yugi {
	background:#bcfce0;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.sonota {
	background:#b3f1fc;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.inshoku {
	background:#fcd3bc;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.takeout {
	background:#ecd2fb;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.shukuhaku {
	background:#fdbfd2;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.shokuhin {
	background:#bcfccf;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.sectlink {
	width:100%;
	background:#ccffcc;
	padding: 5px;
}

.miyakami {
	background:#f9dc8d;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.miyashita {
	background:#ebfb90;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.doi {
	background:#fad4f0;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.shirohori {
	background:#d9fbec;
	font-size:80%;
	text-align: center;
	}
.mongawa {
	background:#fcfb83;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.kajiya {
	background:#dfecff;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.chuo {
	background:#c6fe8e;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.yoshihama {
	background:#c7ebfd;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.fukuura {
	background:#f0f0e9;
	padding:2px;
	font-size:80%;
	text-align: center;
	}
.izumi {
	background:#f9e6e8;
	padding:2px;
	font-size:80%;
	text-align: center;
	}


.miyakami2 {
	background:#e9fd75;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.miyashita2 {
	background:#fcd772;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.doi2 {
	background:#f9cded;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.shirohori2 {
	background:#fccacd;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.mongawa2 {
	background:#bcfce0;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.kajiya2 {
	background:#b3f1fc;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.chuo2 {
	background:#fcd3bc;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.yoshihama2 {
	background:#ecd2fb;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.fukuura2 {
	background:#fdbfd2;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}
.izumi2 {
	background:#bcfccf;
	padding:2px;
	font-size:110%;
	border-style: none none solid;
	border-width: 1px;
	}

/*吹き出し*/

.balloon_l,
.balloon_r{
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*  align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
.faceicon img{
  width: 80px; /*任意のサイズ*/
  height: auto;
}
.balloon_r .faceicon{
  margin-left:25px;
}

.balloon_l .faceicon{
  margin-right:25px;
}

.balloon_r .faceicon{
  order:2 !important;
}

.says {
  min-width: 40%;
  max-width: 70%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-radius: 10px;
  background: #ffeeff;
  box-sizing: border-box;
  margin:0 !important;
  border: solid 1px #555;
}

.says2 {
  min-width: 40%;
  max-width: 70%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-radius: 10px;
  background: #eeffff;
  box-sizing: border-box;
  margin:0 !important;
  border: solid 1px #555;
}
.says3 {
  min-width: 40%;
  max-width: 70%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-radius: 10px;
  background: #ffffee;
  box-sizing: border-box;
  margin:0 !important;
  border: solid 1px #555;
}


.says p,
.says2 p,
.says3 p {
  margin:8px 0 0 !important; 
}

.says p:first-child,
.says2 p:first-child,
.says3 p:first-child{
  margin-top:0 !important;
}


.says:after,
.says2:after,
.says3:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
}

.balloon_l .says:after {
  left: -26px;
  border-right: 22px solid #ff99ff;
}
.balloon_r .says2:after {
  right: -26px;
  border-left: 22px solid #99ffff;
}
.balloon_r .says3:after {
  right: -26px;
  border-left: 22px solid #ffbb99;
}

.w20 {
	width:20%;
}
.w40 {
	width:40%;
}
.w60 {
	width:60%;
}
.w80 {
	width:80%;
}
.bg-title {
	background-color:#aaccee;
	width:100%;
}

.countdown-container {
	margin: 5rem;
	}

.time-container {
	display: flex;
	}

.time {
	margin: .2rem;
	background-color: paleturquoise;
	border-radius: 1rem;
	padding: 1rem;
	}

#countdown-day,#countdown-hour,#countdown-min,#countdown-sec {
	font-size: 2rem;
	margin-right: .5rem;
	}

/* タブエリアのdivへの適用 */
.smallArea {
	background-color: lightcyan;
	width:40%;
	height: 130%;
	padding-top: 4px;
	border: 1px solid; /* 線の太さと可視化 */
	border-bottom: transparent; /* 下辺を透明に */
	border-top-left-radius: 8px; /* 左上を角丸に */
	border-top-right-radius: 8px; /* 右上を角丸に */
	margin-bottom: -1px;
	position: relative;
	text-align: center;
	}

.smallArea2 {
	background-color: lightcyan;
	width:30%;
	height: 130%;
	padding-top: 4px;
	border: 1px solid; /* 線の太さと可視化 */
	border-bottom: transparent; /* 下辺を透明に */
	border-top-left-radius: 8px; /* 左上を角丸に */
	border-top-right-radius: 8px; /* 右上を角丸に */
	margin-bottom: -1px;
	position: relative;
	text-align: center;
	}

/* メイン表示エリアのdivへの適用 */
.largeArea {
	background-color: #fff;
	width: 100%;
	padding:15px;
	border: 1px solid;
	}
	
input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  margin-right:10px;
}

input[type=radio] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.bga{
	background-color:#fff0f5;
	line-height:250%;
}
.bgb{
	background-color:#fdf5e6;
	line-height:250%;
}
.bgc{
	background-color:#f8f8ff;
	line-height:250%;
}
.bgd{
	background-color:#f0ffff;
	line-height:250%;
}
/* 幅が 767px 以下であれば */
@media (max-width:767px) {
.smallArea {
	background-color: lightcyan;
	width:100%;
	height: 130%;
	padding-top: 4px;
	border: 1px solid; /* 線の太さと可視化 */
	border-bottom: transparent; /* 下辺を透明に */
	border-top-left-radius: 8px; /* 左上を角丸に */
	border-top-right-radius: 8px; /* 右上を角丸に */
	margin-bottom: -1px;
	position: relative;
	text-align: center;
	}

}