@charset "utf-8";

/*common*/
body {background-color: #FFF;}

.Main_bg{background: url(../img/top_img3.jpg) bottom; height: 530px; background-size:auto;}
.ttl_bn {margin: auto; text-align: center; position: relative; top:50%;}
.container {width: 960px; margin: auto; padding-bottom: 50px;}
.container2 {width: 80%; margin: auto; padding-bottom: 50px;}
.center {text-align: center; margin: auto;}
.margin20 {margin-top:20px; }
.caption {
	background-color: #FFFFFF;
	opacity: 0.8;
	padding: 3px 8px;
	color: #333333;
	font-weight: bold;
}
.ss {font-size:13px;}
.newline {margin-top: -1em;}
.bold {font-weight: bold;}
.trolly {float: right;}
.route {text-align: right;}


/*キャンペーン詳細とは*/
#CPN {margin: 0px auto;}
#CPN .point_list{color:#525252; border-top: 1px dashed #00568A; border-bottom: 1px dashed #00568A; padding: 30px 15px 20px 15px; margin-top: -25px;}
#CPN .bg_e{background: #F3F0DF;
    padding: 25px 15px 0 15px;
    position: relative;
    z-index: 5;}
#CPN li {line-height: 1.7; margin-bottom: 5px;}
#CPN .sub_ttl {background-color: #00568A; padding: 4px 10px; display: inline-block; width: 200px; height: 25px; color: #fff; margin: 0 20px 10px 0; }
#CPN .sub_none {margin-left: 240px; margin-top: -20px;}
#CPN .sub_none span {color:#00568A;}
#CPN li img {vertical-align:middle;}
#CPN li .md_atten{ border: 1px solid #00568A; color: #00568A; padding: 5px 9px; margin-right: 15px; display: inline-block; width: 150px;text-align: center;}

/*リンクバナー*/
#link_Bn {margin: 30px auto;}
.bg_btn {background: url(img/link_bn01.png) no-repeat 50% 0px; height: 65px;}
.link_box {
  top: 17px;
  vertical-align: middle;
  position: relative;
  -webkit-transition: 0.6s;
  transition: 0.6s;
	background-color: #fff;
	width: 600px; margin: auto;
	padding: 5px; border-radius: 10px;
	border: 2px solid #F3F0DF;
}
.link_box:hover {
  background-color: #fff; 
  border: 2px solid #00568A;
}

.Onsmp {display: none;}
@media screen and (max-width:600px) {
.Onsmp {display: block;}
	.Onpc {display: none;}}