@charset "utf-8";

/*===========================================
  トライアルキャンペーン
=============================================*/
.article {
 padding:70px 0 30px;
 border-bottom:2px dotted #3DB0DE;
}
ul.tab {
 display:table;
 width:100%;
}
ul.tab li{
 display:table-cell;
 width:50%;
 vertical-align:middle;
}
ul.tab li a {
 display:block;
 padding:2px;
}
.lead {
 color: #00a393;
 font-size: 110%;
 font-weight: bold;
 margin: 0 0 10px;
}
.clr {
 clear: both;
}
.btnArea2 {
 background-color: #c2efec;
 clear: both;
 margin: 0 0 15px;
 padding: 10px 5%;
}
.btnArea2 li{
 margin:5px 0;
}
.point {
 background: #f2f5fa none repeat scroll 0 0;
 clear: both;
 color: #2b4984;
 margin: 0 0 30px;
 padding: 10px 5%;
}
.pushBox dd {
 border: 2px solid #5ed1c9;
 padding: 2px;
 margin-bottom:10px;
}
.pushBox dd ul {
 border: 1px solid #5ed1c9;
 padding: 10px 5%;
}
.pushBox dd ul li {
 margin-bottom: 0.5em;
}
.pushBox dd ul li:before {
 color: #caeaff;
 content: "◆";
}
.noteBox {
 background: #f2f5fa none repeat scroll 0 0;
 color: #2b4984;
 margin: 0 0 30px;
 padding: 10px 5%;
}

/* キャンペーンリスト
-------------------------------------------*/	
#campList dd {
 border: 4px solid #c2efec;
 padding: 15px;
}
#campList dd p {
 background:#B0C5F4;
 margin: 0;
 text-align: center;
}
#campList dd p strong{
 font-weight:bold;
 color:#FFF;
}
#campList dd ul li {
 background: rgba(0, 0, 0, 0) url("../images/icn_arrow_camp.png") no-repeat scroll 0 3px;
 border-bottom: 1px dotted #ccc;
 margin: 0 0 10px;
 padding: 0 0 10px 20px;
}
#campList dd ul li a strong {
 color: #f451a5;
 font-size: 110%;
}

ul.unc_link{
	width:96%;
	margin:0 auto;
	padding: 0;
}

.unc_link li{
  margin: 0;
  padding: 0; 
  width:100%;
  vertical-align: middle;
  border-radius:5px;
  border:1px solid #cce8ed;
}
.unc_link li a{
  display: block;
  padding: 1% 8% 1% 15%;
  color: #0EA69B;
  text-decoration: none;
  font-weight: bold;
}

.btn{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.btn::before,
.btn::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.arrow::before{
    position: absolute;
    content: "";
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px;
    height: 5px;
    background-color: transparent!important;
    border-left: 2px solid #0EA69B;
    border-bottom: 2px solid #0EA69B;
    margin-left: 20px;
    margin-top: 10px;
}
.arrow::after{
position: absolute;
    content: "";
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px;
    height: 5px;
    background-color: transparent!important;
    border-left: 2px solid #0EA69B;
    border-bottom: 2px solid #0EA69B;
    margin-left: 20px;
    margin-top: 15px;
}

.of{
  overflow:hidden;
}

.leftImg_L {
    float: left;
    margin-right: 2%;
    margin-left: 0%;
    margin-bottom: 10px;
    width: 50% !important;
}

#mainBlock h3.title_box {
  position: relative;
  padding: .5em .75em;
  background-color: #01548A;
  border:none;
  color:#fff;
}

#mainBlock h3.title_box::before{
  content: '◆'; 
  color:#fff;
}
#nav li.btn {
    margin: 0 auto;
    width: 48%;
    margin-left: -4.5% !important;
    float: left;
    border: none;
}

dl.campaignLi dt{
background: rgb(252,236,252);
background: -moz-linear-gradient(top,  rgb(252,236,252) 0%, rgb(249,167,192) 50%, rgb(255,140,184) 51%, rgb(252,123,175) 100%);
background: -webkit-linear-gradient(top,  rgb(252,236,252) 0%,rgb(249,167,192) 50%,rgb(255,140,184) 51%,rgb(252,123,175) 100%);
background: linear-gradient(to bottom,  rgb(252,236,252) 0%,rgb(249,167,192) 50%,rgb(255,140,184) 51%,rgb(252,123,175) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#fc7baf',GradientType=0 );
  padding: 10px;
  font-size: 140%;
  font-weight: bold;
  color: #01548A;
  overflow: hidden;
  padding-top: 15px;
}

dl.campaignLi dt span{
  font-size: 16px;
  float: right;
  font-weight: bold;
  background-color:#ffe5f2;
  padding: 5px;
  z-index: 1;
  color: #;
  border-radius: 7px;
}

dl.campaignLi dd{
  clear: both;
  padding: 10px;
}

dl.campaignLi dd p.usual-price{
  font-weight: bold;
}

dl.campaignLi dd p.usual-price span{
  text-decoration: line-through;
}

dl.campaignLi dd p.trial-price{
  font-size: 240%;
  color: #ff4aa5;
  font-weight: bold;
}

dl.campaignLi2 dt{
background: rgb(252,234,187);
background: -moz-linear-gradient(top,  rgb(252,234,187) 0%, rgb(252,205,77) 50%, rgb(247,160,0) 51%, rgb(242,168,21) 100%);
background: -webkit-linear-gradient(top,  rgb(252,234,187) 0%,rgb(252,205,77) 50%,rgb(247,160,0) 51%,rgb(242,168,21) 100%);
background: linear-gradient(to bottom,  rgb(252,234,187) 0%,rgb(252,205,77) 50%,rgb(247,160,0) 51%,rgb(242,168,21) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f2a815',GradientType=0 );
  padding: 10px;
  font-size: 140%;
  font-weight: bold;
  color: #f44242;
  overflow: hidden;
  padding-top: 15px;
}

dl.campaignLi2 dt span{
  font-size: 16px;
  float: right;
  font-weight: bold;
  background-color:#ffe5bf;
  padding: 5px;
  z-index: 1;
  color: #f44242;
  border-radius: 7px;
}

dl.campaignLi2 dd{
  clear: both;
  padding: 10px;
}

 p.menu-title{
  border: dashed 1px #ce833d;
  background-color: #fffac4;
  text-align: center;
  font-weight: bold;
  color: #004f82;
}

dl.campaignLi2 dd p.usual-price{
  font-weight: bold;
}

dl.campaignLi2 dd p.usual-price span{
  text-decoration: line-through;
}

dl.campaignLi2 dd p.trial-price{
  font-size: 240%;
  color: #ef623b;
  font-weight: bold;
}

dl.campaignLi dd,
dl.campaignLi2 dd{
  padding-top: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc !important;
}

dl.flowBox {
 margin:30px 0;
}
dl.flowBox dt{
 width:15%;
 float:left;
 clear:left;
 max-width:50px;
}
dl.flowBox dd{
 padding-left:3%;
 padding-bottom:20px;
 margin-bottom:10px;
 border-bottom: 1px dotted #A8DADE;
 overflow: hidden;
}

.campaign ul.camp_try li{
 width: 45%;
display: inline-block;
 text-align: center;
 padding: 0.5%; 
 background: skyblue;
}

.campaign ul.camp_try{
 display: inline-block;
 padding: 1%;
 text-align: center;
margin-bottom: 1px;

}