@charset "UTF-8";
/*header-parts*/

.sp-block{display: none;}
#gh-contact{padding-right: 4px;}
#gh-tel{padding-left: 4px;}
#top-line{width: 100%; height: 5px; background-image: url(/static2//img/top_line.jpg); background-repeat: repeat; z-index: 2;}
#top-line-text{top: -2px;}
#header-area{color: #666; text-align: center; font-size: 0.8em; text-align: right; height: 20px;}
header{ width: 100%; height:110px;  position: fixed; top: 0; z-index: 2; background-color: #fff; border-bottom: 2px solid #f1f1f1;}
header h1{display: block; width: 35%; }
header h1 img{width: 100%; height: auto;}
#header-button{float: right; width: 56%; margin-top: 8px;}
#header-button li{display: flex; float: left; margin-left: 12px; width: 31.39%;}
/*共通パーツ*/
.btn {
    border-radius: 6px;
    font-weight: bolder;
    font-size: 1.55em;
    position: relative;
	width: 100%;
    height: 70px;
    padding-left: 30px;
}
.btn-img,
.btn-img a{border:none;background-color: transparent; padding: 0;}
.btn-img img{width: 100%; height: auto; padding: 0;}
.btn-freetell{
	background: -moz-linear-gradient(top, #f16178, #d63750);
  	background: -webkit-linear-gradient(top, #f16178, #d63750);
  	background: linear-gradient(to bottom, #f16178, #d63750);
  	border-bottom: solid 6px #a71c32;
	text-shadow: 2px 2px 2px #c55665;
	text-align: center;
}
.btn-freetell label {
    display: block;
    font-size: 0.8em;
    line-height: 0;
    margin: 15px 0 4px;
}
.btn-freetell span{font-size: 1.3em;}
.btn-freetell .add-font{
    font-size: 1.2em;
}
button a,
button a:hover{display: block; color: #fff; text-decoration: none;}
button:hover{opacity: 0.9;}
button i {
    position: absolute;
    top: 15px;
    left: 7px;
    text-align: left;
    width: 25px;
    display: block;
}
.btn-contact{
	background: -moz-linear-gradient(top, #ff8927, #ea5b02);
  	background: -webkit-linear-gradient(top, #ff8927, #ea5b02);
  	background: linear-gradient(to bottom, #ff8927, #ea5b02);
  	border-bottom: solid 6px #964412;
	text-shadow: 2px 2px 2px #cd6618;
	font-size: 1.5em;
}
.btn-contact span {
    display: block;
    font-size: 1em;
    line-height: 0;
    margin: 17px 0 8px;
}
.btn-line{
	background: -moz-linear-gradient(top, #30dd30, #00c200);
  	background: -webkit-linear-gradient(top, #30dd30, #00c200);
  	background: linear-gradient(to bottom, #30dd30, #00c200);
  	border-bottom: solid 6px #1a7d1a;
	text-shadow: 2px 2px 2px #1ba21b;
	font-size: 1.5em;
}
.btn-line span {
    display: block;
    font-size: 1em;
    line-height: 0;
    margin: 17px 0 8px;
}

button i img{ width:100%;}
button p{ position: relative; top: -23px; left:7px; font-weight: bold; line-height: 1.35; font-size: 1.8em;}
.call-button .small-text{ font-size: 9px; margin-left: 4px; }
.call-button{top:-33px; font-size:2em; line-height: 1.2; }
.call-button .text-yellow{color: #f3ef7a; line-height:0; position: relative; top:-2px;}
.bg-pink{background-color: #de455e; color: #fff;}
.bg-gray{background-color: #9b9b9b; color: #fff;}
.bg-blue{background-color: #3db7df; color: #fff;}
.bg-yellow{background-color: #f4f085;}
.bg-green{background-color: #12bd62; color: #fff;}
.bg-f1{background-color: #f1f1f1; color: #444;}
.section-title{text-align: center; font-size: 2.7em; margin-bottom: 24px; font-weight: bold; color: #5d5d5d;}
.section-title i img{width: 24px; height: auto; margin-right: 10px; top: -2px; position: relative;}
footer{width: 100%; text-align: center; padding:12px; font-size: 1em; background-color: #3db7df; color: #fff; }
footer .small-text{font-size: 0.8em;}
footer br{display: none;}
.pfc{ transition: .3s; display: none;}
.pfc img{ width:160px; height: auto;}
.is-fixed-pc{position: fixed;  z-index: 9999;right:24px; bottom:36px; display: block;}
.is-hide-pc{transform:translateY(400%);}


#page_top{ z-index: 9999; right:24px; bottom:84px; position: fixed;}
#page_top img{ width:160px; height: auto;}


/* Edge 1 */
@supports (-ms-ime-align: auto) {
    #saiyasu-title .animated{
    	top:0px;
    	position: absolute;
    }
}
/* Edge 2 */
_:-ms-lang(x)::backdrop, #saiyasu-title .animated{
	top:0px;
	position: absolute;
}
/* IE11 */
/*mainimg*/
#loopSlide{ position: relative; text-align: center;}
.simply-scroll-container {
	position: relative;
	height: 700px;
	margin-bottom: 0;
}
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
	height: 600px;
}
.simply-scroll-list {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 700px;
	opacity: 0.5;
}
.simply-scroll .simply-scroll-clip,
.simply-scroll .simply-scroll-list li{width: 700px; height: 700px;}
.simply-scroll{width: 100%;}
.simply-scroll .simply-scroll-clip{width: 100%;}
.simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0;
	height: 700px;
}
.simply-scroll-list li img {
	height: 700px;
}
#loopSlide li img{width: 700px; height: 700px;}
#mainimg{width: 100%; height: 100%; position: absolute; margin: auto; bottom: 0;}
#mainimg img{margin: auto;}


/*content*/
.content-line{width: 100%; text-align: center; font-weight: bold; font-size:2em; background-color: #F1F1F2;}


.wrap-content-block{padding:24px 0;}
.pink-allow{width: 50px; height: 30px; border-top: 30px solid #f05f77; border-right: 60px solid transparent; border-left: 60px solid transparent; margin: auto;}
.green-allow{width: 50px; height: 30px; border-top: 30px solid #12bd62; border-right: 60px solid transparent; border-left: 60px solid transparent; margin: auto;}
.blue-allow{width: 50px; height: 30px; border-top: 30px solid #3db7df; border-right: 60px solid transparent; border-left: 60px solid transparent; margin: auto;}
/*Add cost*/
.wrap-img img{ max-width: 100%; height: auto; }
#wrap-worries{background-color: #fffff4; padding-bottom: 0;}
#title-trouble{text-align: center;}
#title-trouble .bg-anime{width:70%; margin-bottom: 24px;}
#cost-mainimg{margin-top: -80px;}
#cost-title{margin: 24px 0;}
#saiyasu-title{margin-top: 48px;}
#cost-title h2,
#title-kirei h2,
#wrap-prodcts h2{background-color: #fd8624; font-weight: bold; padding: 12px; color: #4e454a; margin-top: 24px; border-radius: 6px; text-align: center;}
#cost-title p{margin: 24px 0; font-size: 1.65em;}

#cost-table{ width: 100%; font-size: 1.65em; position: relative; margin: 48px 0 24px; font-size: 2em; font-weight: bold; color:#5d5d5d ;}
#cost-table td,
#cost-table th{padding: 12px; text-align: center; font-weight: bold;}
#cost-table td{width: 23%;}
#cost-table th:last-child{position: relative; background: #f05f77; width:34%;}
#cost-table th span{position: absolute; top: -20px; left:0; background: #f05f77; width:100%; border-radius: 15px 15px 0 0 ; padding: 24px 24px 0; }
#cost-table th span img{max-width: 100%; position: relative; top: -6px;}
#cost-table tbody tr{background-color: #fff; }
#cost-table tbody td{padding: 24px 0; border-right: 1px solid #fff;}
#cost-table tbody tr:nth-child(odd){background-color: #f1f1f1;}
#cost-table tbody td:last-child{color: #f31131; font-size:1.6em;}
#cost-table tbody .last{background-color: #fff; border:5px solid #f05f77; border-top:none; box-sizing: border-box; }
#cost-table tbody .last img{ max-width:100px }
#cost-table tbody  #kaitori-text{border-left:5px solid #f05f77; border-right:5px solid #f05f77;position: relative;box-sizing: border-box; }
#kaitori-text img{ width: 70%; position: absolute; left:18%; top: 32%;}
#cost-table .th1{width: 20%; background-color: #3db7df; color: #fff; border-right: 1px solid #fff; }
#cost-table .pattern1{background-color: #3db7df; color: #fff;}
#cost-table .pattern2{background-color: #60c3e4; color: #fff; }

/*Add photo*/
#title-kirei{padding:24px 0;}
#title-kirei p{font-size: 1.8em; text-align: center; margin-top: 24px; font-weight: bold;  color: #5d5d5d;}
#photo{background-color: #fffff4; margin-top: -36px;}
#photo h2{text-align: center;}
#photo h2 img{width: 60%; margin: 36px 0;}

#photo h3{ background-color: #3db7df; padding: 24px; border-radius:6px 6px 0 0 ; color: #fff; font-weight: bold;  font-size: 1.8em; }
#photo h3 span{background-color: #fff; padding:3px 12px; color: #3db7df; border-radius: 30px;  margin-right: 12px;}
#photo section{border-radius:0 0 6px 6px; border:2px solid #3db7df; border-top:none;  padding:12px 24px; height:660px;  margin-bottom:24px;}
#photo section h4{ border-radius:30px; color: #fd2ec5; border:1px dashed #fd2ec5; text-align: center; padding:12px; margin:12px 0; font-size: 1.35em; font-weight: bold;}
#photo section h5{background-color: #fd2ec5; text-align: center; padding: 3px; font-size: 1.25em; font-weight: bold; color: #fff; }
#photo section li p{text-align: center; font-size:2em; text-align: center;}
#photo .comment{
    padding: 12px 0;
    font-size: 1.8em;
    font-weight: bold;
    color: #5d5d5d;
    line-height: 1.7;
}

/*Add warning*/
#wrap-warning{background-color: #a0a0a0; padding: 36px 0; text-align: center; border-top: none;}
#wrap-warning .wrap-img img{width:70%;}

/*cost*/
#wrap-cost{background-color: #fffff4; padding-top: 0;}
#pack-limit{border:1px solid #000; padding:6px; text-align: center; margin-bottom: 24px; background-color: #fff; font-weight: bold;}
#pack-limit span{background-color:#000; color: #fff; padding: 3px 12px; margin-right: 12px; font-size: 0.8em;}
#wrap-cost .row img{margin-bottom: 24px;}

/*prodcuts*/
#wrap-prodcts{background-color: #fffff4;}
#productslider .gallaly{margin-top: 36px;}
#wrap-prodcts section{width: 250px; margin-right: 24px; background-color: #fff; border-radius: 12px; border: 1px solid #ccc; padding: 12px;  text-align: center;}
#wrap-prodcts .swiper-wrapper{margin-left: 12px;}
#wrap-prodcts .swiper-slide{width: 24%;}
#wrap-prodcts .simply-scroll .simply-scroll-clip,
#wrap-prodcts .simply-scroll .simply-scroll-list{height: 320px; position: relative;}
#wrap-prodcts .simply-scroll .simply-scroll-list li{height: 320px;}
#wrap-prodcts .swiper-button-prev{width: 44px; width: 44px; background-color: #de455e; border-radius: 50%; background-image: url(/static2/img/button_prev.png); left:24px;}
#wrap-prodcts .swiper-button-next{width: 44px; width: 44px; background-color: #de455e; border-radius: 50%; background-image: url(/static2/img/button_next.png); right: 24px; }
#wrap-prodcts section img{width: 100%; height: auto;}
#wrap-prodcts section h4{font-size: 1.2em; font-weight: bold;}
#wrap-prodcts section h5{padding: 6px; border-radius:3px; font-weight: bold; font-size: 1.5em;}
#wrap-prodcts section h5 span{ font-size: 0.8em; }
/*contact-botton*/
.wrap-contact{background-color: #fffff4; padding: 24px 0 48px; text-align: center;}
.wrap-contact-botton h3{ font-size: 2.5em;font-weight: bold;}
.wrap-contact-botton h4{ font-size: 3.5em; color: #d96578; font-weight: bold;}
.contact-botton-img {background-color: #e1ffff; border-radius: 6px; }
.wrap-contact .contact-botton .btn{
	width: 100%; 
	height: 125px; 
	border-radius:12px;
	font-size:3.85em;
	padding:0;
	margin-top: 24px;
	padding-left: 45px;
}
.wrap-contact .contact-botton .btn i{
	top: 20px;
    left: 25px;
    width: 60px;
}
.wrap-contact .btn-freetell span{
	margin: 30px 0 2px;
}
.wrap-contact .btn-contact span{
	margin: 35px 0 12px;
}
.wrap-contact .contact-botton button p{top: -30px; left: 12px;}
.wrap-contact .contact-botton .call-button{top:-45px;}
.wrap-contact .line-botton h3{text-align: left; border-bottom:2px dashed #000; color:#00c300; padding-bottom: 24px; font-size: 2em;}
.line-botton{border: 5px solid #eeba86; margin-top: 24px; padding: 36px; width: 100%; display: block; border-radius:6px;}
.line-botton:hover{text-decoration: none;}
.line-botton .l-icon,
.line-botton .l-text{float: left; text-align: left; color:#000;}
.line-botton .l-qr{float: right;}
.line-botton .l-icon,
.line-botton .l-qr{width: 120px; margin-top: 24px;}
.line-botton img{width: 100%;}
.line-botton .l-text{margin: 24px 0 0 24px; font-size: 1.2em;  font-weight: bold;}
.one-point{border-radius: 60px; padding: 12px 0; font-size: 1.5em; margin-top: 24px;}
.flex{display: flex;}
.bg-contactContent{width: 100%; border-radius: 6px; position: relative;}
.contactContent-btn{position: relative;}
.wrap-contact2 .contactContent-btn ul{width: 100%; text-align: center; position: absolute; left: 0; bottom:6px;}
.wrap-contact2 .contactContent-btn li{display: inline-block; width: 48%;  text-align: center; padding: 12px; }
#wrap-pc-line .wrap-img img{
	border-left: 10px solid #00c200;
    border-right: 10px solid #00c200;
    border-radius: 6px;
	margin-top: 12px;
}
/*cheap*/
#wrap-cheap section{background-color: #fff; border-radius: 12px; border: 1px solid #ccc; padding: 24px; margin-bottom: 24px;}
#wrap-cheap section .flex{display: flex;}
#wrap-cheap section .icons{ display: flex; justify-content: center; align-items: center;}
#wrap-cheap section .icons img{width: 100%; justify-content: center; align-items: center;}
#wrap-cheap section h3{border-radius: 30px; padding: 6px 12px; margin-bottom: 24px; font-weight: bold; width: 20%; font-size: 1.5em; text-align: center;}
#wrap-cheap section .text p{font-size: 2.5em; line-height: 1.2;}
#wrap-cheap section .text p span{ color: #ce6273; font-size: 1.2em;}
/*flow*/
#wrap-flow section{ border: 1px solid #ccc; background-color:#f0f0df; padding: 24px; border-radius:6px; }
#wrap-flow h3{font-size: 2em; font-weight: bold; border-bottom: 2px dashed #000; padding-bottom: 24px;}
#wrap-flow h3 span{border-radius: 30px; padding:6px 24px; margin-right: 24px; }
#wrap-flow section p{ font-size: 1.8em; margin-top: 24px;}
#wrap-flow section p span{color: #f5945f; font-weight: bold;}
#wrap-flow .btn{display: block; width: 50%; margin:24px auto;border-radius:12px; }
#wrap-flow .btn p{top: -58px; left: 12px;}
#wrap-flow .pink-allow{margin: 36px auto;}
#wrap-flow-btn{margin:24px 0; text-align: center;}
#wrap-flow-btn li{width: 45%; display: inline-block; margin: 0 3px;}
#wrap-flow-btn .btn-img img{width: 100%;}
/*area*/
#wrap-area th{ background-color: #ce6273; color: #fff; width: 10%; margin-bottom: 24px; text-align: center;}
#wrap-area table{border-collapse: separate; border-spacing: 5px;}
#wrap-area td{padding: 24px;}
#wrap-area .title{color: #ce6273;}
#wrap-area section{border: 1px solid #ccc; background-color:#f0f0df; padding: 24px; border-radius:6px;  font-size: 1.5em; font-weight: bold; margin-top: 24px;}
#wrap-area section span{color: #ce6273;}
/*othre*/
.tableCompare{border-right:1px solid #ccc; }
.tableCompare table{text-align: center; width: 100%; text-align: center; font-size: 1.8em; font-weight: bold;}
.tableCompare th{text-align: center; height: 150px;}
.tableCompare td{text-align: center; height: 120px; border-right: 1px solid #ccc;}
.tableCompare .pattern1,
.tableCompare .pattern2{width: 20%; height: 120px; color: #fff; text-align: center;}
.tableCompare .pattern1{background-color: #565656;}
.tableCompare .pattern2{background-color: #797979; }
.gradient_1{width: 20%; background-color: #1fbba6; color:#fff; border-right: 1px solid #fff;}
.gradient_2{width: 40%;background-color: #ce6273; color:#fff; font-size: 1.5em;}
.tableCompare tr{border-bottom: 1px solid #ccc;}
.tableCompare .center{background-color: #ce6273; border-left:1px solid #fff;  border-right:1px solid #fff; border-top:1px solid #fff;  text-align: left; padding-left: 24px; color: #fff; }
.tableCompare .center span{display: inline-block; float: left; color: #fff; margin-right: 24px; font-size: 1.15em;}
.tableCompare .center .text{line-height: 1.1;}
/*voice*/
#wrap-voice section{background-color: #fff0e1; padding: 24px; margin-bottom: 24px;  align-items: center;}
#wrap-voice section p{font-size: 1.55em;  margin-left: 24px;}
#wrap-voice section p span{ color: #f05f77; font-weight: bold;}
#wrap-voice section p .last{ display: block; color: #31c085; text-align: right;}
#wrap-company table{ width: 100%; font-size: 2em; border-bottom:1px solid #ccc; }
#wrap-company table th{width: 25%; padding:36px 12px; color: #fff; background-color: #de455e; border-bottom: 1px solid #fff;}
#wrap-company table td{width: 75%; padding-left: 24px; border-right: 1px solid #ccc; border-top: 1px solid #ccc;  background-color: #fff; color: #5d5d5d; font-weight: bold;}
/*contact-form*/
#wrap-contact-form,
#wrap-end-allow{background-color: #f1f1f1;}
#contact-form{
    font-size: 1.55em;border:1px solid #ccc;  border-radius:6px; padding-bottom: 36px; background-color: #fff; font-weight: bold; color: #5d5d5d;
}
#contact-form h3{background-color: #3db7df; color: #fff; border-radius:6px 6px 0 0; padding: 24px; font-weight: bold; text-align: center;}
#contact-form section{padding:24px 24px 0;}
#contact-form h4{font-weight: bold; background-color:#dbf4f8; padding: 6px; margin-bottom: 12px; }
#contact-form .required-text{ font-size: 0.8em; margin-left: 9px; position: relative; top: -1px; color: #ce6273; font-weight: bold;}
#contact-form .small-text{ font-weight: normal; position: relative; font-weight: bold; color: #5d5d5d; font-size: 1em;}
#contact-form .form-control{
	width: 100%; height: 48px; padding-left: 12px; box-shadow: none; font-size: 1em;
    
}
#contact-form select{width: 17%; height: 48px; border: 1px solid #ccc; border-radius:6px;  color: #5d5d5d; font-weight: bold;}
/* チェックボックス03 */
#flex-radio{
    display: flex; 
    flex-wrap: wrap;
}
input[type=checkbox] {
    display: none;
}
.checkbox03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox03::before {
    background: #fff;
    border: 2px solid #888;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox03::after {
    border-right: 6px solid #3db7df;
    border-bottom: 3px solid #3db7df;
    content: '';
    display: block;
    height: 20px;
    left: 11px;
    margin-top: -13px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
input[type=checkbox]:checked + .checkbox03::before {
    border-color: #666;
}
input[type=checkbox]:checked + .checkbox03::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}

/* ラジオボタン03 */
input[type=radio] {
    opacity: 0; /* 元のラジオボタンを透明にする */
    position: absolute; /* ページのレイアウトから外す */
    z-index: -1; /* 他の要素の下に配置する */
}
.radio03 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.radio03::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio03::after {
    background: #3db7df;
    border-radius: 50%;
    content: '';
    display: block;
    height: 9px;
    left: 8px;
    margin-top: -5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 10px;
}
input[type=radio]:checked + .radio03::before {
    border-color: #666;
}
input[type=radio]:checked + .radio03::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}
#form-adress label{
    display: block;
    margin: 0;;
}
#contact-form textarea{width: 100%; padding:12px; height:250px; box-sizing: border-box;}
#form-btn{margin: 24px auto; display: block; width:250px; height:75px; background-image: url(/static2/img/btn_img_submit2.png); background-size: cover; border: none; background-color: #f1f1f1;}
#form-btn:hover{opacity: 0.8;}
.formErrorContent { position: relative; display: inline-block; padding: 0 15px; width: auto; min-width: 115px; height: 40px; color: #F6F6F6; line-height: 40px; text-align: center; background: #ce6273; z-index: 0; list-style: none;top: -40px; left: -120px;}
.formErrorArrow{width: 0; height: 0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #ce6273; position: relative; left: 10px;top: -40px; left: -110px;}}
#thanks-body{height: 100%;}
#wrap-thanks{height: 100%; min-height: 100%;background-color: #fff7ef; margin-top: 110px;}
#wrap-thanks p{
    font-size: 1.8em;
    display: block;
    text-align: center;
    font-weight: bold;
}

/* map */
#map{margin-top: 24px;}

/* コロナ */
.is-fixid{position: fixed;}
#colna-info{background-color: #ffebea; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;  padding: 10px; margin-top: 110px;}
#colna-info .js-modal-open{color:#dd3738 ; text-align: center; display: block; text-decoration: underline;}
.modal{ display: none; height: 100vh; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
.modal__bg{background: rgba(0,0,0,0.8); height: 100vh; position: fixed; width: 100%;  padding-bottom: 60px;}
.wrap_modal__content{ background: #fff;  position: fixed; top: 0; margin:20px  auto 0; left: 20.5%; max-height:1100px; width: 60%; height:90vh; overflow-y: scroll;  padding-bottom: 50px;}
.modal-content{padding: 20px;}
.modal-header{width: 100%; padding: 36px; position: absolute;top: 0; left: 0;}
.modal-footer{background-color: #e7e7e7;  padding: 20px; display: flex; align-items: center; justify-content: center; }
.modal-footer .js-modal-close{ border-radius: 50px; padding-top: 10px; color: #fff; background-color: #a9a9a9; font-size: 14px;  width: 130px; height: 40px; padding: 8px 0;}
.modal-footer .js-modal-close:hover{background-color: #777777; transition : 1s;color: #fff; }
.modal-content .wrap-img{text-align: center;}
#null-margin{
    width: 100%;
    height: 110px;
}
#info-text{
    display: flex;
    justify-content: center;
  align-items: center;
  font-size: 1.5em;
  font-weight: bold;
}
#colna-info .js-modal-open span,
#info-text span{
    background-color: #dd3738;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 0.7em;
    margin-right: 20px;
}
#info-text label{
    color:#dd3738 ; 
    text-align:center;
    line-height: 1.5;
    margin-top: 5px;
}
#info-text #noon-label{
    text-align: center;
}
#wrap-cost .small-text{ display: flex; justify-content: center;}
#wrap-cost .small-text p{line-height: 1.5; line-height: 1.5;
    font-size: 1.8em;
    font-weight: bold;
    color: #5d5d5d;}

/* 深夜用css */
.night-mainimg{
    margin-top: 0px !important;
}