@charset "utf-8";




/*===============================================================================
common
===============================================================================*/

.bg-ub{
	background: #F9D2C1;
background: linear-gradient(90deg,rgba(249, 210, 193, 1) 0%, rgba(248, 211, 219, 1) 30%, rgba(201, 202, 230, 1) 64%, rgba(189, 226, 229, 1) 100%);
}






/*===============================================================================
seminar
===============================================================================*/

.hd-seminar{font-size: 23px;font-weight: bold;text-align: center; margin-bottom: 0.8em; }
.ub-sem-schedule{ display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; justify-content: space-around;font-size: 16px;}
.ub-sem-schedule .seminar-box{width: 50%; margin-bottom: 0}
.ub-sem-schedule .seminar-box dl{ display: flex; flex-wrap: wrap;margin-bottom: 0.8em; align-items: baseline;}
.ub-sem-schedule .seminar-box dt{ font-weight: bold; letter-spacing: 3px;background-color: #ffe377;padding: 5px 5px;border-radius: 13px;margin-right: 0.3em;}
.ub-sem-schedule .seminar-box dd{}
.ub-sem-schedule .seminar-box dd span{font-size: 12px; display: block}
div.sem-instructor{display: flex; margin: 1em 0;}
div.sem-instructor .image{width: 18%; padding-right: 0.5em; box-sizing: border-box;}
div.sem-instructor .text{width: 82%; font-size: 12px; line-height: 1.5}
div.sem-instructor .text .name{ font-size: 15px; font-weight: bold; margin-bottom: 1em;}
.ub-sem-schedule .seminar-image{width: 40%; box-sizing: border-box; }

@media (max-width:600px) {
	.ub-sem-schedule .seminar-box{width: 90%;  display: block; margin: 0 auto;}
	.ub-sem-schedule .seminar-image{display: none;}
		}

ul.seminar-select .icon{
	border-radius: 0 10px 10px 0;
	padding: 5px 0 5px 15px;
	max-width: 150px;
	font-weight: 600;
}
ul.seminar-select{
	display: flex;
	flex-wrap: wrap;
}
ul.seminar-select li{
	width: calc(100%/3 - 20px);
	margin: 0 10px 45px 10px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
}
ul.seminar-select li .headline4.ttl{
	    margin-top: 15px;
    line-height: 1.1;
    font-size: min(5vw, 18px);
    letter-spacing: 1px;
}
ul.seminar-select li .headline4.ttl sup{
	font-size: 12px;
}
ul.seminar-select li .instructor{
	width: 98%;
	margin: 0 auto 1em auto;
}
ul.seminar-select li .instructor.flex{
	display: flex;
	justify-content: space-between;
}
ul.seminar-select li .instructor.flex .img{
	width: 20%;
}
ul.seminar-select li .instructor.flex .txt{
	width: 78%;
}

ul.seminar-select li .instructor .name{
	border-bottom: 1px solid #555;
	padding: 4px;
	font-weight: 600;
}
ul.seminar-select li .instructor .profile{
	padding-top: 4px;
}
@media (max-width:900px) {
	ul.seminar-select li{
	width: calc(100%/2 - 30px);
	margin: 0 15px 45px 15px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
}
}
@media (max-width:600px) {
	ul.seminar-select li{
	width: calc(100%/1 - 30px);
	margin: 0 15px 45px 15px;
	border: 1px solid #ddd;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
}
}


/*===============================================================================
flex
===============================================================================*/

.flexBox{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	justify-content: space-between;
}
.flexBox.wid90{width: 90%;}

.flexBox .wid50{
	width: 48%;
}
.flexBox .wid50 img{
	width: 100%;
	height: auto;
}



.eventpage-ub .headline7{}
@media (max-width:500px) {
.eventpage-ub .headline7{ font-size: 15px;}
}







/*===============================================================================
2309～ universalbeautyfes
===============================================================================*/



.univbeauty-box{
	background-color: #fff;
	border-radius: 7px;
	padding-bottom: 2em;
}
.ub-titlearea{
	position: relative;	
	background-color: #fff;
	padding: 2em 0 1em 0;
}
.ub-titlearea p.ub-title-prefecture{
    position: absolute;
    bottom: 32px;
    right: 15%;
    font-size: 58px;	
}
.ub-titlearea p.ub-title-prefecture span{
	background: #433d3d;
	color: #fff;
	border-radius: 27px;
    padding: 0 10px;
}
.ub-titlearea .ub-maintitle{
	display: flex;
	justify-content: space-between;
}
.ub-titlearea .ub-maintitle .titlelogo{
	width: 85%;
	text-align: center;
	padding: 0 5%;
	box-sizing: border-box;
}
.ub-titlearea .ub-maintitle .titleicon{
	width: 15%;
	box-sizing: border-box;
}
	
	
@media (max-width:1050px) {
	.ub-titlearea p.ub-title-prefecture{font-size: 4vw;bottom: 24px;}
	.ub-titlearea p.ub-title-prefecture span{border-radius: 20px;}
}
@media (max-width:500px) {
	.ub-titlearea p.ub-title-prefecture{bottom: 15px;}
}


.ub-schedule{
    display: flex;
    flex-wrap: wrap;
    margin: 2em auto;
    justify-content: center;
    max-width: 1000px;
}
.ub-schedule dl{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    min-width: 600px;
    margin-bottom: 1.5em
}
.ub-schedule dl dt{	
    font-size: 19px;
    line-height: 1.6;
    padding: 2px 0;
    min-width: 83px;
}

.ub-schedule dl dt span{
	background: #c1bebe;
    color: #fff;
    border-radius: 5px;
    font-size: 22px;
    padding: 2px 7px;	
}
.ub-schedule dl dd{	
	font-size: min(4vw, 26px);
    line-height: 1.4;
    letter-spacing: 1px;
}
.ub-schedule dl dd em{
	font-size: 126%;
	font-weight: bold;
}	

.ub-schedule dl dd span{
	display: block;
	font-size: 18px;
}
				@media (max-width:1050px) {
					.ub-schedule dl dt span{ font-size: 18px;}
					
				}
				@media (max-width:870px) {
					
				}
				@media (max-width:650px) {
					.ub-schedule{ justify-content: flex-start; padding-left: 1em;}
					.ub-schedule dl{margin-bottom: .5em;}
					.ub-schedule dl dd{border-left: none;}
					.ub-schedule dl dt{width: 100%;}
					.ub-schedule dl dt span{ font-size: 14px; }
					.ub-schedule dl dd span{font-size: 15px;}
					.ub-schedule dl dd em { font-size: 130%;}

				}

.ub-point{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ub-point div.box{
    background-color: #e5ecf5;
    position: relative;
    padding: 2em;
    width: 45%;
    box-sizing: border-box;
    margin-right: 1em;
    text-align: center;
    max-width: 465px;
}
.ub-point div.box:last-of-type{
    margin-right: 0;	
}
.ub-point div.box::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: #35497e #fff #35497e;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15)
}

.ub-point div h4{
	font-size: 23px;
    font-weight: bold;
    color: #444766;
    letter-spacing: 1px;
    line-height: 1.4;
	padding: 5px 0;
}
.ub-point div .textdetail-1{
	font-size: 16px
}

			@media (max-width:500px) {
				.ub-point {
					justify-content: space-around;
				}
				.ub-point div.box{	
				border-top: 0;
				width: 85%;
				margin-right: 0;
				padding: 1em;
				margin-bottom: 1em;}
				.design-ft1 { font-size: 20px;}
				.ub-point div h4{ font-size: 16px;}
				.ub-point div .textdetail-1{font-size: 13px}


			}

ul.univ-pickup.ar25{
}
ul.univ-pickup.ar25 .ttl{
	font-weight: 600;
	font-size: min(3vw,14px);
	padding-top: 5px;
}
ul.univ-pickup.ar25 .ttl .icon{
	font-weight: normal;
	border: 1px solid #437892;
	font-size: 10px;
	color: #437892;
	padding: 2px 3px;
	margin-left: 7px;
}
ul.univ-pickup.ar25 .text{
	line-height: 1.3;
}

ul.univ-pickup{
	display: flex;
	flex-wrap: wrap;
	width: 97%;
	margin: 0 auto;
}
ul.univ-pickup li{
	width: 25%;
    box-sizing: border-box;
    padding: 0 1em;
    position: relative;
	margin-bottom: 1.5em;
}
ul.univ-pickup li.big{
	width: 50%;
    box-sizing: border-box;
    padding: 0 1em;
    position: relative;
	margin-bottom: 1.5em;
}

ul.univ-pickup li a{
	text-decoration: none;
	color: #333;
}
ul.univ-pickup li .imgfile{
	z-index: 10;
	padding-top: 1em;
	overflow: hidden;
	width: 100%;
}
ul.univ-pickup li p.imgfile img{
  transition: transform .6s ease;
	height: auto;
}

ul.univ-pickup li p.imgfile:hover img{
  transform: scale(1.1); /* 拡大 */
}
ul.univ-pickup li p.text{
	font-size: 12px;
	margin-top: 10px;
}
ul.univ-pickup li h5{
	z-index: 1;
    position: absolute;
	font-size: 10px;
    background-color: #555;
    color: #fff;
    padding: 4px 10px;
    border-radius: 0 7px 7px 0;
}
ul.univ-pickup li h4{
z-index: 1;
    position: absolute;
    font-size: 10px;
    background-color: #d51e14;
    color: #fff;
    padding: 4px 10px;
    border-radius: 0 7px 7px 0;
    top: 5px;
}



@media (max-width:1100px) {
	ul.univ-pickup li{ width: 33%; padding: 0 1em;}
}
@media (max-width:750px) {
	ul.univ-pickup li.big{ width: 100%; padding: 0 1em;}
}

@media (max-width:650px) {
	ul.univ-pickup li{ width: 50%; padding: 0 1em;}
}

.ub-display{
	display: flex;
	flex-wrap: wrap;
	width: 98%;
	margin: 0 auto;
	justify-content: space-between
}
.ub-display p{
	width: 50%;
	border-bottom: 2px dotted #cddbe1;
}
.ub-display .iml{
	box-sizing: border-box;
	border-right: 2px dotted #cddbe1;
}
.ub-display .imr{
		padding: 0 5px 0 0;

}
@media (max-width:650px) {
.ub-display p{width: 95%;}
.ub-display .iml{ border-right: 0;}
.ub-display .imr{ padding: 0}
}


/*===============================================================================
2209 takigawa-trade-fair
===============================================================================*/

.trade-box{
    border-radius: 7px;
    padding-bottom: 2em;
    background-color:rgba(255,255,255,0.92);
}

.trade-box h3{ font-size: 23px;
font-weight: bold;
margin-bottom: 0.8em;
border-left: 5px solid #dbd19e;
padding-left: 12px; }


@media (max-width:736px) {
	.trade-box{
		padding: 1.5em;}
}


/*.back-yellow{ background-color: #fdfbd5;}
.back-gray{ background-color: #EFEFEF}
*/
.seminar-box {
	margin-bottom: 7em;
	padding: 0;

}
.seminar-box li{
	list-style-type: none;
	margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: 1px dashed #ccc;
}
.con-fourblock{
	padding:0 3em;
	box-sizing: border-box;
	border-radius: 10px;
	display: flex;
}

.con-fourblock .img{ width: 30%;  box-shadow: 10px 10px 0 #adaaa4;	}
.con-fourblock .img img{ width: 100%; height: auto; vertical-align: bottom; line-height: 1.0em; }

.con-fourblock > div{ width: 70%; box-sizing: border-box; padding-left: 3em; }

.con-fourblock .seminar-title{ 
	font-weight: bold;
    font-size: 20px;
    margin: 15px 0;
    letter-spacing: 2px;
    color: #bbac62;
}
.con-fourblock .seminar-title span{ font-weight: normal; font-size: 15px; padding: 3px 5px; border: 1px solid #555; margin-left: 1em}

.con-fourblock .time-schedule{  margin: 0 0 10px 0;
font-family: Arial, Helvetica, "sans-serif";
font-size: 17px;
font-weight: bold;
color: #73716d;
letter-spacing: 3px;}

.con-fourblock .text{text-align: left; font-size: 15px; line-height: 1.6}
.con-fourblock .text sup{font-size: 70%; vertical-align: super; padding: 0 3px;}
.con-fourblock .text span{display: block;font-size: 12px}

.con-fourblock .instructor {
	font-size: 17px;
	margin-bottom: 1em;
}
.con-fourblock .instructor span{
	font-size: 13px;
	margin-right: 1em
}

@media (max-width:736px) {
	.con-fourblock{display: block; padding: 0}	
	.con-fourblock .img{ width: 100%; padding-right:0;}
	.con-fourblock > div{ width: 100%; padding: 0 ; padding-top: 1em;}
	.con-fourblock .seminar-title{}
	.con-fourblock .seminar-title span{ font-size: 12px; display: block; margin: 0; text-align: center; border: none; border-top:  1px solid #ccc;}
	.con-fourblock .instructor span{display: block;}
}

/*===============================================================================
2207 takigawa-plus-beauty
===============================================================================*/

.plusbeauty-box{
	background-color: #fcf6f6;
	border-radius: 7px;
	padding-bottom: 2em;
}
.plusbeauty-box .sem-head img,
.flex-box .flex-box-cont img,
.flex-box2 .flex-box-cont img,
.flex-box3 .flex-box-cont img,
.sem-menuimg img{
	width: 100%;	
}
.flex-box,
.flex-box2, 
.flex-box3 { 
	display: flex;
	width: 90%;
	margin:3em auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-box .flex-box-cont{
	width: 33%;}
.flex-box2 .flex-box-cont{
	width: 49%;}


.flex-box3 {
	background-color: #fff;

    border: 2px solid #a3b4dc;
    border-radius: 14px;
}
.flex-box3 .flex-box-cont{
	width: 49%;
    box-sizing: border-box;
    padding: 1.5em 1em 1em 1em;
	
}

@media (max-width:600px) {
			.flex-box,
			.flex-box2{ 
				width: 96%;
			}	
			.flex-box2{
				margin:  3em auto 0 auto}
	.flex-box3{
				width: 89%;
				margin: 0 10px 0 auto;	
	}
			.flex-box2 .flex-box-cont{
				margin-bottom: 2em;
				width: 100%;
	}
			.flex-box3 .flex-box-cont{
				box-sizing: border-box;
				padding: 1.5em 1em 1em 1em;
				width: 100%;
			}
}



	

.flex-box3 .display-box-cont{
	width: 100%;
	display: block;
	background-color: #a3b4dc;
    text-align: center;
    border-radius: 10px 10px 0 0;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}

				@media (max-width:600px) {
					.display-box-cont { display: flex; flex-direction: column; }
					.display-box-cont br{ display: none;}
					.display-box-cont span{ display: block; width: 100%; font-size: 11px}
				}


.sem-menuimg{
	width: 90%;
	margin: 0 auto;
}

@media (max-width:600px) {
.sem-menuimg{
	width: 100%;
	margin: 4em auto 0 auto;
}

}

				@media (min-width:901px) {
					.plusbeauty-box .sem-head{padding: 2em 2em 0 2em;}
					.plusbeauty-box .sem-head .tbSee, 
					.plusbeauty-box .sem-head .spSee{display: none}
				}
				@media (max-width:900px) {
					.plusbeauty-box .sem-head .pcSee, 
					.plusbeauty-box .sem-head .spSee{display: none}
				}
				@media (max-width:600px) {
					.plusbeauty-box .sem-head{padding: 1.3em 1.3em 0 1.3em;}
					.plusbeauty-box .sem-head .pcSee, 
					.plusbeauty-box .sem-head .tbSee{display: none}
					.plusbeauty-box .sem-head .spSee{display: block}
					.flex-box { 
						display: block;
						width: 70%;
					}
					.flex-box .flex-box-cont{
						display: block;
						width: 100%;
					}
				}

.button-subscription {
	clear:both;
	-webkit-appearance: none;
	border: #ffffff 2px solid;
	background: #003481;
	margin:50px auto 50px auto !important;		
	border-radius: 10px;
	
	letter-spacing: 2px;
    transition: 0.5s;
	width: 85%;
	max-width: 550px;
}

.button-subscription span {
	display: block;
	font-size: 19px;
}

.button-subscription a{
	color: #fff;
	font-weight: bold;
	display: block;
	position: relative;
	text-align: center;
	font-size: 19px;
	text-decoration: none;
	padding: 23px 0;
}

.button-subscription a:hover{
	color: #703437;
}

@media (max-width:550px) {
	.button-subscription{
		width: 80%;
		font-size: 1.3rem;
		padding: 15px 0;
	}	
}


/*===============================================================================

===============================================================================*/

.textDetail{
	line-height: 1.8;
    font-size: 17px;
    margin-bottom: 3em;

}

.table-normal{	
	width: 100%;
	border: 1px solid #555;
	font-size: 17px;
}
.table-normal tr{ 
	background-color:rgba(255,255,255,0.5); 
}

.table-normal th{
	width: 20%;
	border-bottom: 1px dotted #555;
	text-align: center;
	font-weight: bold;
	color: #555;
}
	
	.table-normal td{
	width: 80%;
	padding: 26px 0;
    border-bottom: 1px dotted #555;
    line-height: 1.6;

} 

.table-normal tr:last-child th,
.table-normal tr:last-child td{
border-bottom: none;
}




.googlemapArea {
  position: relative;
  width: 100%;
	margin: 0 auto;
}

.googlemap {
	height: 0;
  padding-top: 56.25%;

}

.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

				@media screen and (min-width: 900px) {
					.googlemapArea {height: 450px;}


					}


.youtubeArea{
	width: 800px;
	margin: 0 auto 5em auto;	
}
				@media screen and (max-width: 900px) {
				.youtubeArea{ width: 100%;}
				}


.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
	border: 1px solid #ccc
}
.youtube iframe {
  width: 100%;
  height: 100%;
}



.ub-seminarList{}

				@media (max-width:760px) {
					.ub-seminarList{width: 90%; margin: 0 auto;}
				}

.ub-seminarList li{
	border-bottom: 1px solid #ccc;
}
.ub-seminarList li > div{
	display: flex;
	flex-wrap: wrap;
	padding: 1.5em 0;
}

				@media (max-width:760px) {
					.ub-seminarList li > div{padding: 3em 0;}
				}

.ub-seminarList li > div .time-schedule{
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
	font-size: 18px;
}

.ub-seminarList li > div .time-schedule span{
    display: block;
    width: 80%;
    background-color: #215d9f;
    color: #fff;
    padding: 4px 0;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px;
    letter-spacing: 1px;
    font-size: 14px;
}

.ub-seminarList li > div .time-schedule em{
	display: block;
    font-size: 11px;
    width: 80%;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 3px;
	color: #333;
}
.orange{ 
	background-color: antiquewhite
}
.yellow{     
	background-color: beige
}

.ub-seminarList li > div .time-schedule p span{
    display: block;
    width: 10em;
    text-align: center;
    padding: 4px 3px;
    border-radius: 3px;
    position: relative;
    margin-bottom: 3px;
    margin-top: 2px;
    box-sizing: border-box;
}

					@media (max-width:930px) {
						.ub-seminarList li > div .time-schedule em{
							display: inline;
							width: auto;
							padding: 3px 10px;
						}
						.ub-seminarList li > div .time-schedule{
							width: 100%;
							text-align: left;
							flex-direction: row;
							justify-content: flex-start;
							text-align: left;
						}
							
				}
				@media (max-width:700px) {
					.ub-seminarList li > div .time-schedule em{
						display: block;
					}
					.ub-seminarList li > div .time-schedule{
						align-items: flex-start;
						display: flex;
						font-size: 15px;
						text-align: center;
						flex-wrap: wrap;
						justify-content: center;
					}
					.ub-seminarList li > div .time-schedule > p{
						width: 50%;
					}
				
				

				}

.ub-seminarList li > div .time-schedule p span.nail{
	background-color:#eae4e4;
}
.ub-seminarList li > div .time-schedule p span.esthe{
	background-color: #eae4e4;
}
.ub-seminarList li > div .time-schedule p span.hair{
	background-color: #eae4e4;
}

.ub-seminarList li > div .ub-sem-img{
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ub-seminarList li > div .ub-sem-img img{
	width: auto;
	max-height: 150px;
	/*border: 1px solid #ccc;*/
	box-sizing: border-box;
}
.ub-seminarList li > div .ub-sem-text{
	width: 55%;
    box-sizing: border-box;
    padding:0 1em;
}

				@media (max-width:930px) {
					.ub-seminarList li > div .ub-sem-img{width: 20%;}					
					.ub-seminarList li > div .ub-sem-text{width: 80%; padding: 0 1em 0 0;}
				}
				@media (max-width:700px) {
					.ub-seminarList li > div .ub-sem-img{width: 100%; margin-top: 1.2em;}					
					.ub-seminarList li > div .ub-sem-text{width: 100%; padding: 0 1em 0 0;}
					.ub-seminarList li > div .ub-sem-img img{ max-height: 220px;}
				}

.ub-seminarList li > div .ub-sem-text h5{
	font-weight: bold;
	font-size:19px;
	border-bottom: 1px dotted #a18c8c;
	padding-bottom: 0.4em;
    line-height: 1.3;
}
.ub-seminarList li > div .ub-sem-text h5 span{
	font-size: 15px;
	display: block;
}

				@media (max-width:700px) {
					.ub-seminarList li > div .ub-sem-text h5{border-bottom: none;}
					.ub-seminarList li > div .ub-sem-text h5{font-size: 21px;margin-top: 15px; text-align: center;}
					.ub-seminarList li > div .ub-sem-text h5 span{font-size: 14px;}
				}

.ub-seminarList li > div .ub-sem-text .name{
	font-weight: bold;
	font-size: 15px;
	margin-top: 15px;
}

.ub-seminarList li > div .ub-sem-text .name span{
	background-color: #efefef;
	padding: 1px 4px;
	font-size: 12px;
	border-radius: 2px;
	margin-right: 5px;
}
.ub-seminarList li > div .ub-sem-text .text{
	margin-top: 0.7em;
    line-height: 1.6em;
    font-size: 14px;
}
.ub-seminarList li > div .ub-sem-text .text em{
background:linear-gradient(transparent 45%, #fff1f5 57%);
}

				@media (max-width:700px) {
					.ub-seminarList li > div .ub-sem-text .name{margin: 8px 0 15px 0; font-size: 12px; text-align: center;}
				}



/*===============================================================================
2412～ universalbeautyfes
===============================================================================*/

.bluegray-belt{
	background-color: #d0cfe9;
}

.bluegray-belt.band{
	padding: 20px 0;
}
.bluegray-belt.band .mainread{
	font-size: 35px;
	color: #fff;
	text-align: center;
	font-weight: bold;
   text-shadow:
       3px 3px 0 #7775a3,
     -1px -1px 0 #7775a3,  
      1px -1px 0 #7775a3,
      -1px 1px 0 #7775a3,
       1px 1px 0 #7775a3;	
}
.bluegray-belt.band .mainread span{
	font-size: 200%
}
.bluegray-belt.band .entrance{
	font-weight: bold;
	color: #f653a2;
	text-shadow:
      0px 1px 0 #fff,
     -1px -1px 0 #fff,  
      1px -1px 0 #fff,
      -1px 1px 0 #fff,
       1px 1px 0 #fff;
	font-size: 20px;
	margin-top: 16px;
	text-align: center;
}
.bluegray-belt.band .entrance span{
	background-color:#f653a2;
	color: #fff;
	text-shadow:none;
	padding: 2px 7px;
	border-radius: 7px;
	margin-right: 10px;
}

				@media (max-width:600px) {
					.bluegray-belt.band .mainread{ font-size: 20px;}
					.bluegray-belt.band .entrance{ font-size: 16px}
				}

.ub-item-image{
	background-color: #faf9fe;
	box-sizing: border-box;
	text-align: center
}
.ub-item-image img{
	width: 80%;	
}

				@media (max-width:600px) {
					.ub-item-image img{	width: 95%;	}
				}