#contents_wrap { max-width: 800px; margin-left: auto; margin-right: auto;}

#main_image {
    margin-bottom: 45px;
}
#contents_wrap .main_para { font-size: 133.34%; margin-bottom: 36px; }
#contents_wrap .main_para .para { text-align: center; font-weight: bold; margin-bottom: 0.5em; }

#campaign_list a.effect { -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; text-decoration: none; }
#campaign_list a.effect:hover { cursor: pointer; text-decoration: none; opacity: 0.7; }

/* -------------------------------------------
	.item_block
---------------------------------------------- */
#campaign_list .item_block { margin-top: 80px; padding-bottom: 60px; border-bottom: 1px solid #e1e1e1; }
#campaign_list .item_block .title_01 { background: transparent url(../img/result/bg_title.png) 0 0 no-repeat; background-size: cover; padding: 19px 0; position: relative; color: #fff;}
#campaign_list .item_block .title_01 .title_img_01 { width: 102px; position: absolute; top: -36px; left: 30px;
}
#campaign_list .item_block .title_01 .text_01 { display: inline-block; font-size: 233%; font-weight: bold; padding: 0 25px 0 154px;
    /* for modan browser */
    text-shadow:0px 4px 1px #0083cc,0px 3px 1px #0083cc,1px 3px 1px #0083cc,2px 3px 1px #0083cc,2px 2px 1px #0083cc,3px 2px 1px #0083cc,3px 1px 1px #0083cc,3px 0px 1px #0083cc,4px 0px 1px #0083cc,3px -1px 1px #0083cc,3px -2px 1px #0083cc,3px -3px 1px #0083cc,2px -3px 1px #0083cc,2px -4px 1px #0083cc,1px -4px 1px #0083cc,0px -4px 1px #0083cc,-1px -4px 1px #0083cc,-2px -4px 1px #0083cc,-3px -4px 1px #0083cc,-3px -3px 1px #0083cc,-4px -3px 1px #0083cc,-4px -2px 1px #0083cc,-4px -1px 1px #0083cc,-4px 0px 1px #0083cc,-4px 1px 1px #0083cc,-4px 2px 1px #0083cc,-3px 2px 1px #0083cc,-3px 3px 1px #0083cc,-2px 3px 1px #0083cc,-1px 3px 1px #0083cc;
    /* for IE */
    filter:dropshadow(color=#0083cc,offx=0,offy=4,positive=1),dropshadow(color=#0083cc,offx=3,offy=2,positive=1),dropshadow(color=#0083cc,offx=3,offy=-1,positive=1),dropshadow(color=#0083cc,offx=1,offy=-4,positive=1),dropshadow(color=#0083cc,offx=-2,offy=-4,positive=1),dropshadow(color=#0083cc,offx=-4,offy=-2,positive=1),dropshadow(color=#0083cc,offx=-4,offy=2,positive=1),dropshadow(color=#0083cc,offx=-1,offy=3,positive=1);
}

#campaign_list .item_block .para { background: #fff8de; padding:30px; }
#campaign_list .item_block .para_catch { font-size: 1.1em; font-weight: bold; color: #dd5e00; margin-bottom:2px; }
#campaign_list .item_block img { max-width: 100%; height: auto; }

#campaign_list .item_block .para_tit { font-size: 1.334em; font-weight: bold; color: #333333; }
#campaign_list .item_block .para_top { margin-top: 0.5em; font-size: 1.2em; }
#campaign_list .item_block .para_bottom { font-size: 1em; font-weight: bold; text-align: right; margin-top: 1%;}

#campaign_list .item_block  .col_r { float: right; width: 60%; }
#campaign_list .item_block  .col_l { float: left; width: 40%;}
#campaign_list .item_block .col_l_img { margin-right: auto; margin-left: auto; position: relative; }
#campaign_list .item_block .col_l_text { text-align: center; font-size: 1em; margin-top: 8%; }

#campaign_list .section_01 .col_l { margin-top: 30px;}
#campaign_list .section_01 .col_l_img { width: 191px; left: -9px; }

#campaign_list .section_02 .col_l { margin-top: 30px;}
#campaign_list .section_02 .col_l_img { width: 232px; left: -9px; }

#campaign_list .section_03 .col_l { width: 60%;}
#campaign_list .section_03 .col_r { width: 40%;margin-top: 30px;}
#campaign_list .section_03 .col_r_img { width: 207px; left: -9px; }

#campaign_list .list { padding: 2.5em 0 0; letter-spacing: 1px; font-weight: bold; margin-top: 2.8em; }
#campaign_list .list .text_color { font-size: 117%; color: #dd5e00; }
#campaign_list .list .space { margin-bottom: 0.8em; line-height: 1.2em; }
#campaign_list .list dd { font-size: 133%; }

/* -------------------------------------------
	btn_area
---------------------------------------------- */
.btn_area { margin-top: 42px; padding: 20px 20%; text-align: center; background-color: #f5f5f5; font-size: 117%; font-weight: bold; }
.btn_area .btn { display: block; padding: 1em; color: #fff; background-color: #535353; }
.btn_area .btn .arr {position: relative;  padding-left: 1em; background: none; }
.btn_area .btn .arr:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 0; height: 0; margin-top: -4px; content: ''; border-width: 4px 0px 4px 9px; border-style: solid; border-color: transparent transparent transparent #fff; }
.btn_area .btn .arr img { width: 13px;  margin-left: 0.5em; }

@media only screen and (max-width: 640px) {
    #contents_wrap {  margin-left: 20px; margin-right: 20px;}
    #main_image { margin-bottom: 33px; }

    #contents_wrap .main_para { margin: 0 0 33px; }
	#contents_wrap .main_para .para, #contents_wrap .main_para .para + p { font-size: 75%; line-height: 1.5; font-weight: normal; text-align: left; }
	#campaign_list .item_block,#campaign_list .section_02, #campaign_list .section_03, #campaign_list .section_04 { margin-top: 30px; padding-bottom: 25px; }
	
    #campaign_list .item_block .para_catch { font-size: 85.6%; margin-bottom: 5px; }
    #campaign_list .item_block .para_tit { font-size: 114%; }
    #campaign_list .item_block .para_top { font-size: 85.6%;margin-top: 1em; line-height: 1.5em; }
    #campaign_list .item_block .para_bottom { font-size: 78.5%; margin-top: 3%;}

    #campaign_list .item_block .title_01 { padding: 1.3em 0; position: relative;}
    #campaign_list .item_block .title_01 .title_img_01 { width: 60px; top: -15px; left: 9px; }
	#campaign_list .item_block .title_01 .text_01 { 
        padding:0 20px 0 80px ; font-size: 130%;
        /* for modan browser */
        text-shadow:0px 2px 1px #0083cc,0px 1px 1px #0083cc,1px 1px 1px #0083cc,1px 0px 1px #0083cc,2px 0px 1px #0083cc,1px -1px 1px #0083cc,1px -2px 1px #0083cc,0px -2px 1px #0083cc,-1px -2px 1px #0083cc,-2px -2px 1px #0083cc,-2px -1px 1px #0083cc,-2px 0px 1px #0083cc,-2px 1px 1px #0083cc,-1px 1px 1px #0083cc;
        /* for IE */
        filter:dropshadow(color=#0083cc,offx=0,offy=2,positive=1),dropshadow(color=#0083cc,offx=1,offy=1,positive=1),dropshadow(color=#0083cc,offx=1,offy=-1,positive=1),dropshadow(color=#0083cc,offx=0,offy=-2,positive=1),dropshadow(color=#0083cc,offx=-1,offy=-2,positive=1),dropshadow(color=#0083cc,offx=-2,offy=-1,positive=1),dropshadow(color=#0083cc,offx=-2,offy=1,positive=1),dropshadow(color=#0083cc,offx=-1,offy=1,positive=1);
    }

    #campaign_list .item_block .col_r { float: none; width: 100%; }
	#campaign_list .item_block .col_l { float: none; width: 100%; text-align: center; }

    #campaign_list .section_01 .col_l { margin-top: 35px;}
    #campaign_list .section_01 .col_l_img { width: 172px;}

    #campaign_list .section_02 .col_l { margin-top: 35px;}
    #campaign_list .section_02 .col_l_img { width: 209px; left: -9px;}

    #campaign_list .section_03 .col_r { margin-top: 35px;}
	#campaign_list .section_03 .col_l { text-align:inherit;}
    #campaign_list .section_03 .col_r_img { width: 187px; left: -9px; margin: 0 auto;}

	#campaign_list .list { margin-top: 1.5em; padding: 0.8em 0; letter-spacing: inherit; }
    #campaign_list .list .text_color { font-size: 100%;margin-bottom: 5px; }
	#campaign_list .list dd { font-size: 116%; }
	#campaign_list .col_r .item { margin-top: 0.7em; line-height: inherit; }
    #campaign_list .col_r .text { margin: 0; font-size: 100%; }
    #campaign_list .btn_area { margin-top: 20px; padding: 15px 20px; font-size: 85.6%; }
    #campaign_list .btn_area .btn .arr:before { top: 0.4em; margin-top: 0; border-width: 3px 0px 3px 7px; }
}