.note_list { padding-top: 1em; }

#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 .thumb img { width: 100%; vertical-align: bottom; }


#campaign_list .strong { color: #ab0404; font-weight: bold; }
#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 #a61212,0px 3px 1px #a61212,1px 3px 1px #a61212,2px 3px 1px #a61212,2px 2px 1px #a61212,3px 2px 1px #a61212,3px 1px 1px #a61212,3px 0px 1px #a61212,4px 0px 1px #a61212,3px -1px 1px #a61212,3px -2px 1px #a61212,3px -3px 1px #a61212,2px -3px 1px #a61212,2px -4px 1px #a61212,1px -4px 1px #a61212,0px -4px 1px #a61212,-1px -4px 1px #a61212,-2px -4px 1px #a61212,-3px -4px 1px #a61212,-3px -3px 1px #a61212,-4px -3px 1px #a61212,-4px -2px 1px #a61212,-4px -1px 1px #a61212,-4px 0px 1px #a61212,-4px 1px 1px #a61212,-4px 2px 1px #a61212,-3px 2px 1px #a61212,-3px 3px 1px #a61212,-2px 3px 1px #a61212,-1px 3px 1px #a61212;
    /* for IE */
    filter:dropshadow(color=#a61212,offx=0,offy=4,positive=1),dropshadow(color=#a61212,offx=3,offy=2,positive=1),dropshadow(color=#a61212,offx=3,offy=-1,positive=1),dropshadow(color=#a61212,offx=1,offy=-4,positive=1),dropshadow(color=#a61212,offx=-2,offy=-4,positive=1),dropshadow(color=#a61212,offx=-4,offy=-2,positive=1),dropshadow(color=#a61212,offx=-4,offy=2,positive=1),dropshadow(color=#a61212,offx=-1,offy=3,positive=1);
}

#campaign_list .item_block .para { background: #fff7df; 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: 231px; left: -9px; }

#campaign_list .section_02 .col_l { margin-top: 38px;}
#campaign_list .section_02 .col_l_img { width: 155px; left: -49px; }

#campaign_list .section_03 .col_l { margin-top: 38px;}
#campaign_list .section_03 .col_l_img { width: 238px; 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%; }

/* -------------------------------------------
	movie_btn
---------------------------------------------- */
#campaign_list .movie_btn { display: block; margin-top: 20px; padding: 1em; text-align: center; background-color: #f8b500; font-size: 116%; font-weight: bold; }
#campaign_list .movie_btn:hover { cursor: pointer; opacity: 0.7; color: #222; }
#campaign_list .movie_btn .arr {position: relative;  padding-left: 1em; color: #fff; background: none; }
#campaign_list .movie_btn .arr:before { position: absolute; top: 50%; left: 0; display: inline-block; width: 0; height: 0; margin-top: -3px; content: ''; border-width: 3px 0px 3px 7px; border-style: solid; border-color: transparent transparent transparent #fff; }
#campaign_list .movie_btn .arr img { width: 13px;  margin-left: 0.5em; }

/* -------------------------------------------
	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; }

    #campaign_list .thumb { display: inline-block; text-align: center; }
    #campaign_list .thumb img { display: inline-block; max-width: 300px; }

    #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%; }
    #campaign_list .item_block .para_tit { font-size: 114%; }
    #campaign_list .item_block .para_top { font-size: 85.6% }
    #campaign_list .item_block .para_bottom { font-size: 78.5%;}

    #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 #a61212,0px 1px 1px #a61212,1px 1px 1px #a61212,1px 0px 1px #a61212,2px 0px 1px #a61212,1px -1px 1px #a61212,1px -2px 1px #a61212,0px -2px 1px #a61212,-1px -2px 1px #a61212,-2px -2px 1px #a61212,-2px -1px 1px #a61212,-2px 0px 1px #a61212,-2px 1px 1px #a61212,-1px 1px 1px #a61212;
        /* for IE */
        filter:dropshadow(color=#a61212,offx=0,offy=2,positive=1),dropshadow(color=#a61212,offx=1,offy=1,positive=1),dropshadow(color=#a61212,offx=1,offy=-1,positive=1),dropshadow(color=#a61212,offx=0,offy=-2,positive=1),dropshadow(color=#a61212,offx=-1,offy=-2,positive=1),dropshadow(color=#a61212,offx=-2,offy=-1,positive=1),dropshadow(color=#a61212,offx=-2,offy=1,positive=1),dropshadow(color=#a61212,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: 208px;}

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

    #campaign_list .section_03 .col_l { margin-top: 56px;}
    #campaign_list .section_03 .col_l_img { width: 212px; left: -9px;}

	#campaign_list .list { margin-top: 1.5em; padding: 0.8em 0; letter-spacing: inherit; }
    #campaign_list .list .text_color { font-size: 100%; }
	#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; }
    #campaign_list .movie_btn { margin-top: 15px; font-size: 100%; }
    #campaign_list .movie_btn .arr { padding-left: 0.8em; background-size: 4px 4px; }
    #campaign_list .movie_btn .arr img { display: inline-block; width: 11px; margin-bottom: 2px; margin-left: 0.3em; }
}