@charset "shift_jis";

/* -----------------------------------------------------------
 蜈ｱ騾壹ち繧�E�
----------------------------------------------------------- */
*{ margin:0; padding:0;}
#cont  {
	padding-top: 3rem;
}
.flex{
	display: flex;

}
.flex-center{
	display: flex;
    justify-content: center;
	/*flex-wrap:wrap;*/
}

a{outline: none;}
a:focus{outline:none;}
/*html{ background-color:#4E4A41;}*/
#pro_wrapper{
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	font-family: 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', Meiryo, ���C���I, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
img{
	vertical-align:bottom;
	border: none;
	}

p, dl, dt, dd, ul li{
	margin: 0px;
	padding: 0px; 
}
li{ list-style-type: none;}
.line{
	margin: 0.5rem 0;
	width: 100%;
	border-bottom: solid 1px #dddddd;
}
.pdb3rem{padding-bottom: 3rem;}
.pdtop2rem{ padding-top: 2rem;}
.pdtop3rem{ padding-top: 3rem;}
.mgr4rem{margin-right: 4rem;}
.alpha a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

.btn-area{
	width: 100%;
    padding: 3rem 0 0 0;
  }

.btn a {
  position: relative;
  display: block;
  width: 350px;
  padding: 20px 0;
  background-color: #e47b47;
  border-radius: 60px;
  font-size: 1rem;;
  color: #fff!important;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}
.btn a:link{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn a:hover{
	color: #FFFFFF!important;
	text-decoration: none;
}
.btn-waku a {
  position: relative;
  display: block;
  width: 400px;
  padding: 20px 0;
  border:solid 3px #e47b47;
  background-color: #FFFFFF;
  border-radius: 60px;
  font-size: 1.4rem;;
  color: #e47b47!important;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
}
.btn-waku a:link{
	color: #e47b47!important;
	text-decoration: none;
}
.btn-waku a:hover{
	color: #e47b47!important;
	text-decoration: none;
}
/* �{�^���̖�� */
.btn-arrow-right a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 12px;
  height: 12px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.btn-arrow-right-waku a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 12px;
  height: 12px;
  margin: auto;
  border-top: 2px solid #e47b47;
  border-right: 2px solid #e47b47;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.tx-read{
	font-size: 1.2rem;
	text-align: center;
	font-weight: 700;
	margin: 1rem 0;
	line-height: 3rem;
	color: #FFFFFF;
}
.tx-green{
	color:#31a6b1 ;
}

.w1000px{
	width: 1000px;
	margin: 0 auto;
}


#cont_bg {
width: 100%;
	background-color: #31a6b1;
	
}
#cont{
  width: 90%;
  margin: 0 auto;
	padding-bottom: 2rem;
	text-align: left;
}
#cont .detail{
	background-color: #FFFFFF;
	border-radius: 18px;
	width: 100%;
	border-bottom: solid 4px #16717a;
	border-right: solid 4px #16717a;
	margin-bottom: 20px;
}
.mv-bg{
    background-color: #FFFFFF;
    background-image: url(/include_html/images/pickup/UXTEAM-3141/mv-bg.gif);
    background-repeat: repeat-x;
}
.mv{
	width: 1000px;
	margin: 0 auto;
}
.itembox {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.detail .inner-box{
	margin: 1.5rem;
}
.detail .ttl{
    border-top-right-radius: 18px;
	border-top-left-radius: 18px;
	background-color: #f7f5c5;
}
.detail .ttl span{
	font-size: 1.3rem;
	display: block;
	color: #e98b42;
	font-weight: 700;
	line-height: 2rem;
	padding: 1rem 0 1rem 1.5rem;
}
.detail .ttl-sub{
	border-left: solid 4px #31a6b1;
}
.detail .ttl-sub span{
	margin-left: 0.5rem;
	font-size: 1rem;
	font-weight: 700;
}
.detail .tx{
	margin: 0.5rem 0 0 0.8rem;
	font-size: 1rem!important;
	line-height: 1.8rem;
}
.detail .name{
	padding: 0.5rem 0;
	text-align: right;
}

.tx-bold{
	font-weight: 700;
}
#cont .clear {
	clear: both;
	height: 1px;
	width: 1px;
}


.clear {
	clear: both;
	height: auto;
	width: auto;
}
/*---------
 floatmenu 
---------*/
.floatmenu ul{
	display:flex;
	justify-content: center;
}
.floatmenu ul li{
	padding:0.8rem 1.8rem 0.8rem 1.8rem;
	/*font-size:0.8rem;*/
	margin-bottom: 10px;
	font-weight:400;
	text-align: center;
	/*font-family:"Noto Sans Japanese";*/
		background: url(/images/campaign/2020/200219laclon/icon_arrow.gif) no-repeat center bottom;
}

.floatmenu{
	border-bottom:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
	background:#f9f9f9;
    position: absolute;
    width:100%;
	z-index:10;
	opacity:0.95;
	line-height: 20px;
}
.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}



/*.floatmenu li:after{
	content:"|";
	padding-left:1.0rem;
}*/
.floatmenu li:nth-last-child(1):after{
	content:"";
}
.floatmenu a {
	text-decoration: none;
	color:inherit;
  color: #333;
	transition: 0.3s ease;
}

.floatmenu a:hover {
	color: #f27b39;
	text-decoration:none;
}
.floatmenu .wrap{
	max-width:870px;
	margin:0 auto;
	position:relative;	
}


/* -----------------------------------------------------------
 ClearFix AREA
----------------------------------------------------------- */

/* --------- clearfix --------- */
.clearfix:after{
  detailent:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}



.clearfix{
  zoom:1;
}
/* --------- /clearfix --------- */

/* -----------------------------------------------------------
 ClearFix
----------------------------------------------------------- */
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after{
height:0;
visibility:hidden;
detailent:".";
display:block;
clear:both;
}

/* for IE7 only */
*:first-child+html div,
*:first-child+html ul,
*:first-child+html ol,
*:first-child+html dl,
*:first-child+html .clearfix{
height:1%;
}

/* for IE6 and below */
/*\*/
* html .clearfix{
height:1%;
}
/* ClearFix End */