@charset "UTF-8";
.globalNav,
.globalNav > ul > li > a,
.spHdrBtn,
.spGNav > ul > li > a:before {
  background-color: #ba499a;/*メインカラー　default.cssも要修正*/
}
.globalNav > ul > li > a:hover,
.globalNav > ul > li > a.active{
  background: #eb8bd0;/*サブカラー*/
}
.globalNav > ul > li > a,
.globalNav > ul > li:first-child > a {
  border-color: #fff;
}
.spHdr_link_uni a{
  background-color:#e73533;
}
.btn_unit_detail a{
  background:#e73533;
}
.btn_unit_detail a:hover{
  background:#e73533;
}

/* スライダー　ドット */
.keyVisual .slick-dots li.slick-active button:before,
.img_slide .slick-dots li.slick-active button:before,
.title_03:before,
.around_osusume_tit_ico,
.sp_slide_clone .slick-dots li.slick-active button:before {
  background-color: #ba499a;
}
.spHdrBtn,
.spGNav > ul > li > a:before,
.title_02 {
  border-color: #428B21;
}

/* コメント欄 */
.exp_comment_txt {
/*border-color:#3A3E3B;*/
}

/* キャンペーン */

#campaign {
    margin-top: 30px;
    border: #f62929 3px solid;
    border-radius: 20px;
}
#campaign .cp_box{
	margin: 0 30px 30px 30px;
}

#campaign h2{
	font-weight: bold;
    font-size: 1.3rem;
    padding-bottom: 4px;
    text-align: center;
    background: #f62929;
    padding-top: 8px;
    color: #fff;
    border-radius: 15px 15px 0 0;
}

#campaign .box{
 	background-image:url(../img/img_campagin.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
	margin-top: 20px;
}
#campaign .box .right{
    width: 33%;
}
#campaign .box ul{
    margin: 0 0 1em 0;
    line-height: 1.3;
    display: block;
}
#campaign .box ul li{
    width: 100%;
    font-size:2.8rem;
    font-weight: bold;
    float: none;
    color: #e74a00;
}
#campaign .box ul li:before{
    content: "★";
    color: #fdd000;
    font-size: 82%;
}

#campaign .box ul li span{
    font-size:1.3rem;
    color: #000000;
}
#campaign .box p.info{
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5rem;
}
#campaign .box p.info span{
    font-size: 200%;
    color: #F81115;
}

#campaign .information .camp{
    line-height: 1.5;
    margin-bottom: 10px;
}
#campaign .information .camp .item{
    color: #F0272B;
    display: block;
    font-weight: bold;
}
#campaign .note{
        font-size: 80%;
    }
#campaign .kikan{
    text-align: center;
    font-weight: bold;
    font-size: 120%;
	margin: 10px;
}
#campaign .cp_title{
	font-size: 110%;
	font-weight: 700;
	background: #fbf4d1;
    padding: 3px 10px 3px;
}

@media screen and (max-width:768px){
#campaign {
    margin-top: 20px;
	width: 95%;
	padding: 0;
}

#campaign h2{
    font-size: 1.2rem;
}
#campaign .cp_box{
	margin: 20px;
}

#campaign .box{
    display: block;
	 background:none;
}
#campaign .box .right{
    width: 100%;
}
#campaign .box ul{
    margin: 0;
    line-height: 1.6em;
    display: block;
}
#campaign .box ul li{
    width: 100%;
    font-size:1.5rem;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    float: none;
    color: #e74a00;
 text-shadow:none;
}
#campaign .box ul li:before{
    content: "★";
    color: #039;
}

#campaign .box ul li span{
    font-size:1rem;
    color: #000000;
}
#campaign .box p.info{
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.5rem;
}
#campaign .box p.info span{
    font-size: 200%;
    color: #F81115;
}
｝
    
#campaign .kikan{
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 20px
}
}
	
.sonota{
		font-size: 120%;
		font-weight: bold;
	}