/*---------------------------------------------------------------------------
  Theme: M'S NEW
  
  Your CSS goes here
----------------------------------------------------------------------------*/
.break-all {
word-break: break-all!important;	
}


#menu .nav-item {
	font-family: 'Roboto Condensed'!important;
}

#topcontrol {
	z-index: 99999999;
}
th {
white-space: nowrap;
}
.bg-transparent {
    background-color: #000000 !important;
}
.section-10-sm {
    padding-top: 10px;
}
.relative {
	position:relative;
}
.zindex10 {
	z-index:1000;
}
.overlayfix {
	z-index: 100;
	position:absolute;
	bottom: 1em;
	left: 0;
	right:0;
	padding:0.5em 1em 0.5em 1em!important;
	background-color:rgba(255,255,255,0.7);
	color:#000!important;
}
@media only screen and (max-width: 767px) {
    .container {
        margin-left: 25px;
		margin-right: 25px;

    }
}
/*----------------------------
--------- 飾り ---------
----------------------------*/
.waku {
	padding:2em;border:solid 1px #000000;
}
.waku1red {
	padding:1em;border:solid 1px #ff0000;
}
.box {
	padding: 0.5em 1em;border:solid 1px #000000;
}
.m-box {margin: 0 0.3em!important;
	padding: 0.1em 0.5em;border:solid 1px #e4007f!important;
}
.c-box {margin: 0 0.3em!important;
	padding: 1em 0.5em;border:solid 1px #6598bb!important;
}
.color-box1 {
	padding: 0.5em 1em;border:solid 1px #D5628D;
	background-color:#D5628D;
}
.color-box2 {
	padding: 0.5em 1em;border:solid 1px #EFEBD8;
	background-color:#EFEBD8;
}
.color-box3 {
	padding: 0.5em 1em;border:solid 1px #F8E59B;
	background-color:#F8E59B;
}
.color-box4 {
	padding: 0.5em 1em;border:solid 1px #F1D164;
	background-color:#F1D164;
}
.color-box5 {
	padding: 0.5em 1em;border:solid 1px #dbbfd6;
	background-color:#dbbfd6;
}
.color-box6 {
	padding: 0.5em 1em;border:solid 1px #E794B5;
	background-color:#E794B5;
	color: #fff;
}

p{font-weight: normal;}
/*----------------------------
--------- font  ---------
----------------------------*/
.mincho {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"!important;
    font-weight: lighter!important;
}
.bold100 {
font-weight: 100;
}
.bold300 {
font-weight: 300;
}
.bold500 {
font-weight: 500;
}
.bold800 {
font-weight: 800;
}
.text-black {
	color: #000!important;
}
.text-blue01 {
	color: #1152b6!important;
}
.text-salmon01 {
	color: #f28c64!important;
}
.font-weight-300 {
    font-weight: 300 !important;
}
.num-meta{color:#727272;font-size:13px;}
/*----------------------------
--------- background ---------
----------------------------*/
.bg-black {
	background-color:#000!important;
}
.bg-red {
	background-color:#d62616!important;
}
.bg-light-pink {
	background-color:#fdf1ff!important;
}
.bg-transparent02 {
	background-color: transparent!important;
}
.wrapper .section-5.bg-transparent02 {
}
/*----------------------------
--------- text size line ---------
----------------------------*/
.text12 {
	font-size: 14px;
}
.text14{
	font-size: 16px;
}
.text18{
	font-size: 18px;
}
.text20{
	font-size: 20px;
}
.lh17 {
line-height:1.7em;
}
.lh24 {
line-height:2.4em;
}

/*----------------------------
--------- margin padding ---------
----------------------------*/
.mb0 {
margin-bottom: 0px!important;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mb40 {
margin-bottom: 40px;
}
.pt100 {
	padding-top: 100px;
}
.pt16 {
	padding-top: 16px;
}
.mrg-top--230{margin-top: -230px;}
/*----------------------------
--------- page title ---------
----------------------------*/

.page-tittle.page-tittle-xll {
    padding: 300px 0;
}
@media only screen and (max-width: 767px) {
    .page-tittle.page-tittle-xll {
        padding: 200px 0;
    }
}
.page-tittle.page-tittle-xxll {
    padding: 400px 0;
}
@media only screen and (max-width: 767px) {
    .page-tittle.page-tittle-xxll {
        padding: 200px 0;
    }
}

/*----------------------------
--------- image ---------
----------------------------*/
figure img{height: auto!important;width: 100%;max-width: 100%;}

/*----------------------------
--------- margin padding ---------
----------------------------*/
li.circle{list-style-type: disc!important; padding-left:-1.5em!important;margin-left:1.5em!important;}
li.decimal{list-style-type: decimal!important; padding-left:-1.5em!important;margin-left:1.5em!important;}

/*----------------------------
--------- color ---------
----------------------------*/
.white{color:#fff!important;}
.black{color:#000!important;}
.red{color:#ff0000!important;}
.pink{color:#B2075E!important;}
.pink2{color:#e31c61!important;}
.light-red{color:#D7060A!important;}
.light-blue{color:#0D56CC!important;}
.light-pink{color:#D661BF!important;}
.light-pink2{color:#f7c8ce!important;}
.brown{color:#553D28!important;}
.brown2{color:#756356!important;}
.deep-blue{color:#001A74!important;}
.gray {
	color: #ccc!important;
}
.bgcolor-gray {
	background-color:#dddddd!important;
}



/*----------------------------
--------- bottun ---------
----------------------------*/
.btn-dark:hover,
.btn-dark:focus {
    background-color: #fff!important;
    color: #000!important;border:solid 1px #000!important;
}
.detail_btn a{
    color: #fff!important;
}
.detail_btn a:hover{
    color: #000!important;
}
ul.tableA {
	margin: 0 auto;
	display: table!important;
}
ul.tableA li.vertical-middle {
	display: table-cell!important;
	vertical-align: bottom!important;
}
ul.tableA li.vertical-middle a {
	color: #fff!important;
}
ul.tableA li.vertical-middle a:hover{
	color: #000!important;
}
.btn_area li a {
	color: #fff!important;
}
.btn_area li a:hover{
	color: #000!important;
}
.dcb li a {
	color: #fff!important;
}
.dcb li a:hover{
	color: #000!important;
}
.discount {
color: #FF0000!important;
text-decoration: line-through!important;
}
.discount_p {
margin-left: 1em;
color: #FF0000!important;
padding: 0.1em 0.5em;
border:solid 1px #FF0000;
}
.pc_display {display: block!important;
	}
.sm_display {display: none!important;
	}
@media only screen and (max-width: 767px) {
    .pc_display {display: none!important;
	}
	  .sm_display {display: block!important;
	}
}

.bradius10{
border-radius: 10px;
}
.bradius16{
border-radius: 16px;
}
.fl_r {
float: right;
}



.campBG-1 {
	background:url(../img/liftup/campBG-1.jpg) right top no-repeat;
	background-size:contain;
}
@media only screen and (min-width: 767px) {
    .pc_no {
        display: none;
    }
    }
.mrg-tops-100 {
margin-top: 100px;
}

.iframe_res{
position:relative;
width:100%;
height:0;
padding-top:50%;
aspect-ratio: 16/9;
}
.iframe_res iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
aspect-ratio: 16/9;
}
.bl-bl {
	vertical-align: baseline;
}
.bl-top {
	 vertical-align: top;
}
.bl-middle {
	vertical-align: middle;
}
.bl-bottom {
	vertical-align: bottom;
}
.blog-media_link {
	box-shadow: 0px 0px 15px -5px #transparent;
	transition    : 1s;
}

.blog-media_link:hover{padding:1em;box-shadow: 0px 0px 15px -5px #transparent;
	transition    : 1s;
}
.mar-botm-20 {
	margin-bottom:20px;
}
.mar-botm-60 {
	margin-bottom:60px;
}
.pearl h4.w00 {
	background-color:#7C815C;
	color:#fff;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
.pearl h4.w01 {
	background-color:#F3F0DD;
	color:#3D3C31;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
.pearl h4.w02 {
	background-color:#1D4937;
	color:#F3F0DD;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
.pearl h4.w03 {
	background-color:#B1453B;
	color:#F3F0DD;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
.pearl h4.w04 {
	background-color:#772E73;
	color:#F3F0DD;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
.pearl h4.w05 {
	background-color:#274981;
	color:#F3F0DD;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
.rd10 {
	border-radius:10px;
	background:#5264DA;
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fuchi {
  color: #000;
  text-shadow: 1px 1px 0 #fff;

}
.wf-hannari { font-family: "Hannari"; }

.timeline h3 {
	font-size:17px!important;
	font-weight:normal!important;
	padding-top: 6px;
}
.timeline p {
	font-weight:normal!important;
	color: #67758e;
}

h2.bor::before,
h2.bor::after {
  content: '';
  width: 100px;
  height: 1px;
  background-color: #e3bf00;
}
h2.bor::before {
  margin-right: 20px;
  }
h2.bor::after {
  margin-left: 20px;
}
.br10 {
	border-radius: 10px;
}
.text-center {
	text-align:center!important;
}
a.text-center {
	text-align:center!important;
}
.list .col-md-4 {
	margin-bottom: 30px;
}
.tatetype {
 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.bg-ccc {
	background-color: #e3e3e3;
}
.bg-dot {
	border:dotted 1px #ff0000;
padding-top: 30px;
padding-bottom:0px;
margin-bottom:30px;
}
h3.color {
	background-color: #ba3875;
	color: #fff;
	padding:0.2em 0.5em;
}

.img_40 {
	width:40%;
}
.mrg-top-100s {
	margin-top:100px!important;
}
@media only screen and (max-width: 767px) {
.img_40 {
        width:100%;
    }
	.mrg-top-100s {
	margin-top:80px!important;
}
}

.cc {
	display: flex; align-items: center;
}
.cc img {
	margin:0 auto;
}
h3.c01 {
	background-color:#274981;
	color:#F3F0DD;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
h3.c02 {
	background-color:#1D4937;
	color:#F3F0DD;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
h3.c03 {
	background-color:#7C815C;
	color:#fff;
	padding:0.2em 1em 0.2em 1em;
	border-radius:0.3em;
}
h4.c01 {
	color:#274981;
}
h4.c02 {
	color: #2fa5ac;
}
h4.c03 {
	color: #808942;
}
.book {
	padding-top: 120px;
	width: 100vw; min-height: calc(100vh - 120px);
}