@charset "utf-8";
/* CSS Document */

#cont_ttl{
}
#cont_ttl .cont_navi_list{
	position:relative;
}
#cont_ttl .cont_navi_list .cont_bg_img{
	position:absolute;
}

#cont_ttl .cont_navi_list ul {
	position:relative;
	margin:0;
	padding:0;
	width:90%;
	margin:auto;
	margin-bottom:15px;
}
#cont_ttl .cont_navi_list ul li{
	width:49%;
	list-style-type:none;
}
#cont_ttl .cont_dorasadotoha{
	position:relative;
	padding:0 3%;
}
#cont_ttl .cont_dorasadotoha>div{
	border:1px solid #00AD09;
	border-radius:10px;
	padding:15px;
	color:#00AD09;
	/*font-weight:bold;*/
}

/*キャンペーン*/

/*タイトル*/
.cont_cam .cont_ttl_box{
	background:#bbdff7 url(/resources/img/special/dorasado_campaign2016/bg_nami.png) no-repeat top center;
	position:relative;
	margin-top:35px;
}
.cont_cam .cont_ttl_box>div{
	padding:25px;
	text-align:center;
}
.cont_cam .cont_ttl_box .icon_sankaku{
	position:absolute;
	bottom:-18px;
	left:50%;
	margin-left:-22px;
}



.cont_cam h3 {
	font-size:170%;
}
.cont_cam h4 {
	font-size:130%;
	line-height:1.4;
}
.cont_green{
	color:#45b035;
}
.cont_w48{
	width:48%;
}
.cont_w29{
	width:29%;
}
.cont_w69{
	width:69%;
}
.mgauto{
	margin:auto;
}
.alpha80{
	opacity:0.8;
	fiter:alpha(opacity=80);
}




/*ボタン*/
a.cont_btn_entry{
	/*display:block;*/
	text-align:center;
	/*margin-top:30px;*/
}
a.cont_btn_hover:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.qr{
	margin-left:15px;
	margin-top:10px;
	max-width:90px;
	border:1px solid #B9B9B9;
	}


dl.cont_atten{

}
dl.cont_atten dt{
	float:left;
}
dl.cont_atten dd{
	margin-left:5em;
}


/*動画*/
#youtube{
	width:100%;
	max-width:670px;
	margin:auto;
	margin-top:15px;
	padding:15px;
	background:#D1F9CC;
	border-radius:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:1px solid #A4DE9D;
}
.movie-wrap {
    position: relative;
    padding-bottom: 51.5%;
    /*padding-bottom: 45%;*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*フロー*/
.cont_entry ul{
	margin:0;
	padding:0;
	margin-left:-10px;
}
.cont_entry ul li{
	width:25%;
	float:left;
	list-style-type:none;
}
.cont_entry ul li p {
	margin-top:10px;
	display:table-cell;
	vertical-align:middle;
}
.cont_entry ul li>div{
	margin-left:10px;
	padding:1em;
	background:#fefce1;
	border:1px solid #dcdcdc;
	text-align:center;
}
.cont_entry ul li .cont_tbl{
	width:100%;
	display:table;
}
.cont_entry .cont_icon_step{
	display:block;
	margin:-2em auto 0 auto;
}






/*キャンペーン01*/
#cam01 .cont_present_head{
	background:url(/resources/img/special/dorasado_campaign2016/bg_tensen.png) repeat-x center;
	text-align:center;
}
#cam01 dl.cont_cam01_about dt, #cam01 dl.cont_cam01_about dd{
	padding:5px 0;
}
#cam01 dl.cont_cam01_about dt{
	float:left;
}
#cam01 dl.cont_cam01_about dd{
	margin-left:150px;
}
#cam01 .cont_cam01_about ul{
	margin:0;
	padding:0;
}
#cam01 .cont_cam01_about ul li{
	list-style-type:none;
}
#cam01 .cont_present02_box{
	display:table;
}
#cam01 .cont_present02_box>div{
	display:table-cell;
	vertical-align:middle;
	width:50%;
}
#cam01 hr.cont_hr{
	border:none;
	height:1px;
	width:25%;
	background:#3D3D3D;
}



/*キャンペーン02*/
#cam02{
	margin-top:50px;
}
#cam02 .cont_presentbox{
	background:#7cd564;
	padding:10px;
	border-radius:5px;
}
#cam02 .cont_presentbox>ul{
	margin:0;
	margin-left:-10px;
	padding:0;
}
#cam02 .cont_presentbox>ul li{
	width:50%;
	float:left;
	list-style-type:none;
}
#cam02 .cont_presentbox>ul li>div{
	margin-left:10px;
	background:#FFF;
	padding:10px;
}
#cam02 .cont_cam2_hlist{
	background:url(/resources/img/special/dorasado_campaign2016/icon_mappnt.png) no-repeat left center;
	padding-left:30px;
	border-bottom:1px solid #707070;
	padding-bottom:0.3em;
}
#cam02 .cont_map dl{
	margin-top:0;
}
#cam02 .cont_map dt{
	margin-top:1em;
	font-weight:bold;
}
#cam02 .cont_map dd{
	margin-left:0;
}



/*注意事項*/
#cont_atten{
	background:#eeeeee;
	border-radius:5px;
	padding:1.5em;
}
#cont_atten h4{
	border-bottom:1px solid #aaaaaa;
	padding-bottom:0.3em;
}
#cont_atten h4:before{
	content:"■";
}




@media screen and (max-width:640px){
.xlarge{
	font-size:110%;
}
.cont_smp100{
	width:100% !important;
}
#cont_ttl .cont_navi_list ul{
	width:97%;
}	
#cont_ttl .cont_dorasadotoha{
	padding:0;
}
#cont_ttl .cont_dorasadotoha>div{
	padding:10px;
	font-size:90%;
}
.cont_cam h3 {
	font-size:120%;
}	
.cont_cam h4{
	font-size:110%;
}
.cont_cam .cont_ttl_box h2 img{
	width:100%;
	max-width: 340px;
  height: auto: ;
	margin-top:5px;
}
.cont_cam .cont_ttl_box{
	margin-top:20px;
}
.cont_cam .cont_ttl_box>div{
	padding:10px;
}
.cont_present_head img{
	max-width:100px;
	height:auto;
}

#cam01 dl.cont_cam01_about dt{
	float:none;
}
#cam01 dl.cont_cam01_about dt img{
	max-width:120px;
	height:auto;
}
#cam01 dl.cont_cam01_about dd {
	margin-left:0;
}
#cam01 .cont_present02_box{
	display:block;
}
#cam01 .cont_present02_box>div{
	display:block;
	width:100%;
}
#cam01 .cont_present02_box>div img{
	max-width:90%;
	margin-bottom:10px;
}

#cam02 .cont_presentbox>ul li{
	width:100%;
}
#cam02 .cont_presentbox>ul li:first-child{
	margin-bottom:10px;
}
#cam02 .cont_presentbox .cont_itemimg{
	max-width:140px;
	display:block;
	margin:auto;
	margin-top:5px;
}
#cam02 .cont_map img{
	margin-bottom:10px;
}
.cont_entry ul li{
	margin-bottom:15px;
}
.cont_entry ul li:last-child{
	margin-bottom:0;
}

}