@charset "utf-8";
* {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體"; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a:focus, button:focus, buttom.active {outline: none; text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover, button, button:hover {outline: none; text-decoration: none;}
a, a:hover, button, button:hover {text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* 回頂點 */
.actGotop{position:fixed;_position:absolute;bottom:100px;left:100px;width:60px;height:60px;display:none;z-index: 999;}
.actGotop a, .actGotop a:link{width:60px;height:60px;display:inline-block; border-radius: 30px; font-size: 0; outline:none; border: 2px solid #c3a96c; line-height: 80px; text-align: center; color: #b5a365;}
.actGotop a:hover{border: 2px solid #c3a96c; color: #c3a96c; outline:none;}  
.actGotop a i {display: table; font-size: 60px; margin: 0 auto; line-height: 50px;}

/** HEADER **/
header {width: 100%; height: 125px; background: #FFF; display: table;}
header nav {width: 1280px; height: 125px; background: #FFF; margin: 0 auto; padding: 38px 0; text-align: center;}
header nav li {display: inline-block; line-height: 38px; position: relative;}
header nav li a {font-size: 16px; color: #032456; display: block; margin: 0 auto; padding: 6px 30px;}
header nav li a:after {content:'|'; color: #032456 !important; position: absolute; right: -2px; top: 4px;}
header nav li:nth-last-child(1) a:after {content:' ';}

/** HOME **/
.home {width: 1280px; height: 644px; background: url(../images/home_bg.jpg) no-repeat top center; background-color: #fee8e6;}
.home .home_img_group {padding-top: 65px; text-align: center;}
.home .home_img_group > img:nth-child(1) {margin-bottom: 6px; margin-left: 60px;}
.home .home_img_group > img:nth-child(2) {margin-bottom: 46px; margin-left: 56px;}
.home .home_img_group > a:nth-child(3) img {margin-bottom: 28px; margin-left: 49px;}
.home .home_img_group > img:nth-child(4) {margin-left: 43px;}
.home .home_girl {position: relative; padding-top: 45px;}
.home .home_girl img {position: absolute; z-index: 9;}

/** WHAT_UMEDA **/
.what_umeda{width:1280px;height:1333px;background:url(../images/what_umeda_bg.jpg) no-repeat top center;background-color:#FFF;padding-top:75px;margin-bottom:50px; position: relative; z-index: 990;}
.what_umeda_text{display:table;margin-bottom:20px;}
.what_umeda .what_umeda_title{width:100%;height:70px;color:#032456;margin:0 auto 70px;padding:27px;text-align:center;background:url(../images/what_umeda_title.png) no-repeat 110px top;}
.what_umeda .day_box h3{width:142px;height:58px;line-height:55px;margin:0;font-size:30px;color:#FFF;text-align:center;background:url(../images/day_bg.png) no-repeat center center;}
.what_umeda .day_box p{font-size:18px;color:#4f6d90;margin:10px 0;font-weight:bold;}
.what_umeda .day_box p u{color:#4f6d90;text-decoration:underline;}
.what_umeda .day_box .day_01,.what_umeda .day_box .day_02{height:362px;background:url(../images/day_line_bg.png) no-repeat 85px bottom;}
.what_umeda .day_box img, .what_umeda .day_box iframe {padding:0 0 46px 50px;}

/** EDIT_PERSUADE **/
.edit_persuade{width:1280px;height:975px;background:url(../images/edit_persuade_bg.jpg) no-repeat top center;background-color:#FFF;padding-top:75px;position:relative;}
.edit_persuade .ad_box{position:absolute;right:240px;top:110px;}
.edit_persuade_text{display:table;}
.edit_persuade .edit_persuade_title{width:100%;height:70px;color:#032456;margin:0 auto 40px;padding:35px;text-align:center;background:url(../images/edit_persuade_title.png) no-repeat 65px top;}
.edit_persuade .edit_persuade_title_img{text-align:center;}
.edit_persuade .edit_persuade_content ul li{float:left; padding:20px 42px 0px; position: relative;}
.edit_persuade .edit_persuade_content ul li a {display:block;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
    
.edit_persuade .edit_persuade_content ul li a img {-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.edit_persuade .edit_persuade_content ul li a i {position: absolute; color: #3b5998; top: 30px; right: 20px; font-size: 30px; /*width: 100%;*/
    text-align: center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.edit_persuade .edit_persuade_content ul li a:hover img {-webkit-filter: brightness(0.5);
filter: brightness(0.5);-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.edit_persuade .edit_persuade_content ul li a:hover i {color: #3b5998;font-size: 32px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

/** BLOGGERS_PERSUADE **/
.bloggers_persuade{width:1280px;height:1143px;background:url(../images/bloggers_persuade_bg.jpg) no-repeat top center;background-color:#FFF;padding-top:50px;}
.bloggers_persuade_text{display:table;}
.bloggers_persuade .bloggers_persuade_title{width:100%;height:70px;color:#032456;margin:0 auto 40px;padding:30px;text-align:center;background:url(../images/bloggers_persuade_title.png) no-repeat 70px top;}
.bloggers_persuade .bloggers_persuade_bth_top{float:left;padding:30px 30px 0 0;}
.bloggers_persuade .bloggers_persuade_bth_top li{margin-top:30px; position: relative;}
.bloggers_persuade .bloggers_persuade_bth_top li a:nth-child(1) {display: block; width: 432px; height: 111px;}

.bloggers_persuade .bloggers_persuade_bth_top li a i {color: #3b5998; font-size: 30px; /*width: 100%;*/
    text-align: center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_top li a:hover i {color: #3b5998;font-size: 32px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
    
.bloggers_persuade .bloggers_persuade_bth_bottom{float:left;padding:50px 0 0 30px;}
.bloggers_persuade .bloggers_persuade_bth_bottom li{margin-top:30px; position: relative;}
.bloggers_persuade .bloggers_persuade_bth_bottom li a:nth-child(1) {display: block; width: 432px; height: 111px;}
.bloggers_persuade .bloggers_persuade_bth_bottom li a i {color: #3b5998; font-size: 30px; /*width: 100%;*/
    text-align: center;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_bottom li a:hover i {color: #3b5998;font-size: 32px;-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.bloggers_persuade .bloggers_persuade_bth_01{width:432px;height:111px;/*background:url(../images/bloggers_persuade_btn_01.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_01:hover{/*background:url(../images/bloggers_persuade_btn_hover_01.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_02{width:432px;height:111px;/*background:url(../images/bloggers_persuade_btn_02.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_02:hover{/*background:url(../images/bloggers_persuade_btn_hover_02.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_03{width:432px;height:111px;/*background:url(../images/bloggers_persuade_btn_03.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_03:hover{/*background:url(../images/bloggers_persuade_btn_hover_03.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_04{width:432px;height:111px;/*background:url(../images/bloggers_persuade_btn_04.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.bloggers_persuade .bloggers_persuade_bth_04:hover{/*background:url(../images/bloggers_persuade_btn_hover_04.png) no-repeat;*/-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.bloggers_persuade_bth_01 a:nth-child(2), .bloggers_persuade_bth_02 a:nth-child(2) {position: absolute; bottom: 10px; right: 10px; display: block; z-index: 999;}
.bloggers_persuade_bth_03 a:nth-child(2), .bloggers_persuade_bth_04 a:nth-child(2) {position: absolute; bottom: 10px; left: 10px; display: block; z-index: 999;}
.bloggers_persuade .bloggers_persuade_user_top{float:left;padding:0 0 0 30px;text-align:center;}
.bloggers_persuade .bloggers_persuade_user_top p{color:#c1a970;font-size:20px;margin:30px 10px 30px 65px;}
.bloggers_persuade .bloggers_persuade_user_bottom{float:left;padding:0 30px 0 0;text-align:center;margin-top:-30px;}
.bloggers_persuade .bloggers_persuade_user_bottom p{color:#c1a970;font-size:20px;margin:30px 75px 30px 0px;}
.bloggers_persuade .bloggers_persuade_bth_top.pc_style {display: block;}
.bloggers_persuade .bloggers_persuade_bth_top.mobile_style {display: none;}
.bloggers_persuade .bloggers_persuade_bth_top li a.hvr-pulse-shrink img {width: 100%;}
.bloggers_persuade .bloggers_persuade_bth_bottom li a.hvr-pulse-shrink img {width: 100%;}

/** SIGN_UP **/
.sing_up {width: 1280px; height: 954px;  background: url(../images/sing_up_bg.jpg) no-repeat top center; background-color: #FFF; padding-top: 75px;}
.sing_up_text {display: table; margin-bottom: 20px;}
.sing_up .sing_up_title {width: 164px; height: 44px; color: #032456; margin: 0 auto 28px; padding: 7px; text-align: center; background: url(../images/sing_up_title.png) no-repeat center center;}
.sing_up p {text-align: center; color: #032456; margin-bottom: 14px;}
.sing_up h4 {text-align: center; color: #032456; margin-bottom: 14px; font-weight: 600;}

.step_box {width: 100%; display: table; margin-bottom: 35px;}
.input_item {height: 88px; background: url(../images/input_border.png) no-repeat center center; padding: 10px 35px;}
.input_item textarea.form-control {height: 70px;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;}
.step_01 .input_item {text-align: center; line-height: 88px;}
.step_01 .input_item a {display: block; line-height: 64px;}
.step_03 .input_item {height: 102px; background: url(../images/input_border_02.png) no-repeat center center; padding: 10px 35px;}
.step_03 .input_item textarea.form-control {height: 100px; border: none; background-color: transparent;    padding: 0;    margin: 0;
    height: 80px;}

.step_01 .step_item {height: 87px; background: url(../images/step_01.png) no-repeat center center;}
.step_02 .step_item {height: 87px; background: url(../images/step_01.png) no-repeat center center;}
.step_03 .step_item {height: 102px; background: url(../images/step_02.png) no-repeat center center;}
.step_box.active .step_item {height: 87px; background: url(../images/step_01_hover.png) no-repeat center center;}
.step_03.active .step_item {height: 102px; background: url(../images/step_02_hover.png) no-repeat center center;}
.step_item {color: #FFF;}
.step_item h1 {text-align: center; margin: 10px 0;}
.step_item h5 {text-align: center; padding: 0 50px; letter-spacing: 2px;}
.step_item h5:after {content: "\f0d7"; color: #c2a86a; font-size: 40px !important; padding-top: 10px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.step_03 .step_item h5:after {content: " ";}
.step_03.step_box {margin-bottom: 15px;}  
                                                                                                                       
.step_04 .step_item a.fbbtn {width: 100%; height: 52px; margin: 0 auto; display: table; background: url(../images/fb_btn.png) no-repeat center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} 
.step_04 .step_item a.fbbtn:hover {background: url(../images/fb_btn_hover.png) no-repeat center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.notes_box {width: 100%; display: table; padding-top: 10px;}
.notes_box .notes_title h3 {font-size: 20px; text-align: center; margin: 0; color: #032456; position: relative;}
.notes_box .notes_title h3:after {content: ''; color: #947f28; width: 5px; height: 102px; position: absolute; display: table; background: #947f28; right: 20px; top: 0;}
.notes_box .notes_list ol {padding-left: 20px;}
.notes_box .notes_list ol li {font-size: 14px; color: #032456; list-style-type: decimal; line-height: 20px; letter-spacing: 2px;}

.activities_btn {text-align: center; padding-top: 40px;}
.activities_btn button{border: none; background: transparent; outline: none;}

/** AOUT_UMEDA **/
.about_umeda {width: 1280px; height: 846px; padding-top: 75px; background: url(../images/about_umeda_bg.jpg) no-repeat center center; background-color: #ebebeb;}
.about_umeda h2 {width: 183px; height: 50px; color: #032456; margin: 0 auto 105px; padding: 11px; text-align: center; background: url(../images/about_umeda_title.png) no-repeat center center;}
.about_umeda .nav-tabs {margin: 0 335px; padding: 0 10px;}
.about_umeda .nav-tabs li {width: 166px; height: 50px; border: 3px solid #4f6d90; margin: 10px;}
.about_umeda .nav-tabs li a {text-align: center; font-size: 14px; color: #032456; border: none; border-radius: initial; margin: 0; padding: 2px 0;}
.about_umeda .nav-tabs li a u {color: #4f6d90;text-decoration: underline;}
.about_umeda .nav-tabs li.active {background-color: #4f6d90;}
.about_umeda .nav-tabs li.active a u {color: #FFF;text-decoration: underline;}
.about_umeda .nav-tabs li:nth-child(2) a, 
.about_umeda .nav-tabs li:nth-child(3) a, 
.about_umeda .nav-tabs li:nth-child(6) a {font-size: 18px; padding: 9.5px 0;}
.about_umeda .nav-tabs li.active a {color: #FFF; background-color: #4f6d90; border: none;}
.about_umeda .tab-content {padding: 11px 335px;}

/** WORD_MAP **/
.wordmap {width: 1280px; height:902px; background: url(../images/word_map_bg.jpg) no-repeat center center; background-color: #FFF;}

/** ACTIVITIES **/
.activities {width: 1280px; height: 900px; background: #ebebeb;}

/** WINNERS **/
#SIGN_UP {display: none;}
#myModal300 .modal-dialog {width: 574px;}
#myModal300 .modal-content {width:574px; height: 339px; border: none; background: url(../images/winners_bg.png) no-repeat center center; -webkit-box-shadow: none; box-shadow: none;}
#myModal300 .modal-header {border: none;}
#myModal300 .modal-header button {position: absolute; right: 10px; top: 15px;}
#myModal300 .modal-header h4 {text-align: center; font-size: 30px; color: #FFF; width: 50%; margin: 50px auto 0; border-bottom: 1px solid #FFF; padding-bottom: 15px;}
#myModal300 .modal-body h4 {text-align: center; font-size: 30px; color: #FFF; margin: 40px auto 0;} 
       
#myModal100 .modal-dialog {width:984px;}                    
#myModal100 .modal-content {width:984px; height: 752px; border: none; background: url(../images/activities_bg.png) no-repeat center center; -webkit-box-shadow: none; box-shadow: none;}
#myModal100 .modal-header {padding: 35px 15px; border-bottom: none;
}
#myModal100 .modal-body {padding: 10px 100px;}
#myModal100 .modal-body ol {padding-left: 20px;}
#myModal100 .modal-body ol li {font-size: 14px; color: #030000; text-align:justify; list-style-type: decimal; line-height: 27px; letter-spacing: 2px;}

/** FOOTER **/

.easy-sidebar-right, .easy-sidebar-toggle-right {display: none;}


@media (min-width: 1200px){
.container {width: 1280px;}
}

@media(min-width:992px) and (max-width:1199px){
.container {width: 100%;}
header.container nav.col-md-offset-3 {width: 100% !important; margin-left:0;}
.home, .what_umeda, .edit_persuade, .bloggers_persuade{width:100%;}
.home .col-md-offset-1 {margin-left: 0;}
.home .home_img_group > img:nth-child(1) {margin-left: 20px;}
.sing_up {width: 100%;}
.sing_up_text {width: 100%; margin: 0 auto;}
.step_item h5:after {padding-top: 10px; margin: 0 25px;}
.input_item {background-size: contain !important;}
.about_umeda {width: 100%;}
.about_umeda .nav-tabs {margin: 0 272px;}
.about_umeda .tab-content {padding: 11px 271px;}
.wordmap {width: 100%;}
.actGotop {left: 50px;}

.what_umeda .what_umeda_title {background: url(../images/what_umeda_title.png) no-repeat 40px top;}
.what_umeda .day_box .day_01, .what_umeda .day_box .day_02 {height: 392px;}
.edit_persuade .edit_persuade_title {background: url(../images/edit_persuade_title.png) no-repeat 0px top;}
.edit_persuade .ad_box {right: 110px;}
.bloggers_persuade .bloggers_persuade_title {background: url(../images/bloggers_persuade_title.png) no-repeat 0px top;}


}

@media(min-width:768px) and (max-width:991px) {

}

@media(max-width:1680px) {

}

@media(max-width:1600px) {

}   

@media(max-width:1440px) {

}   

@media(max-width:1400px) {

}   

@media(max-width:1366px) {

}     

@media(max-width:1280px) {

}   

@media(max-width:1152px) {
.input_item {padding: 10px;}
.step_03 .input_item {padding: 10px;}
.step_box.step_04 .step_item {width: 100%;margin: 0 auto;}
.step_item h5 {padding: 0 10px;}
}    

@media(max-width:1024px) {          
.home .home_img_group > img:nth-child(1) {width: 90%;}
.home .home_girl img {width: 100%;}
.step_box .step_item {background-size: contain !important; margin-left: 8.33%; width: 33.3%;}
.input_item {background-size: contain !important; width: 50%;padding: 10px 20px;}
.step_03 .input_item {padding: 10px 20px;}
.step_item h5 {padding: 0 60px;}
.notes_box .notes_title h3 {text-align:left;}
.about_umeda .nav-tabs {margin: 0 208px}
.about_umeda .tab-content {padding: 11px 207px;}
.wordmap {background: url(../images/word_map_bg.jpg) no-repeat 78% center;}
.step_04 .step_item a.fbbtn {background: url(../images/fb_btn.png) no-repeat 55% center;}

}

@media(min-width:768px) and (max-width:991px) {
.home, .sing_up, .about_umeda, .wordmap, .what_umeda, .edit_persuade, .bloggers_persuade{width:100%;}
.sing_up {height: 1000px;}
.pulse.go {
    -webkit-animation-name: initial;
    animation-name: initial;
}
animations.css:177
.bounceIn.go {
    -webkit-animation-name: initial;
    animation-name: initial;
}
animations.css:8
.animated {
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-fill-mode: initial;
    animation-fill-mode: initial;
}
.about_umeda .nav-tabs{margin: 0 auto;}
.about_umeda .tab-content {padding: 11px 10px;}
.wordmap {
    background: url(../images/word_map2_bg.jpg) no-repeat center center;
    height: 900px;
}         
.actGotop {left: 50px;}
.about_umeda .nav-tabs {margin: 0 71px;}
.about_umeda .tab-content {padding: 11px 70px;}
.home .home_img_group {text-align: left;}
.home {position: relative;}
.home .home_girl {position: absolute; width: 338px; height: 500px;bottom: 100px; right: 15px;}
.home .home_girl img {width:100;}
.home .home_img_group > img:nth-child(1) {width:50%; margin-left: 0;}
.home .home_img_group > img:nth-child(2) {margin-left: 50px; margin-top: 20px;}
.home .home_img_group > a {display: block;}
.home .home_img_group > img:nth-child(4) {
    margin-left: 30px;
    margin-top: 20px;
}
 .step_box .step_item { margin-left: 0;background-size: cover !important;}
.step_item h5 {
    padding: 0 10px;
}
.input_item {width:66.66%;background-size: cover;padding: 10px 15px;}
.step_03 .input_item {padding: 10px 15px;}
.notes_box .notes_title h3 {margin: 10px 0; padding-left: 20px;}
.notes_box .notes_title h3:after {right: initial; left: 0; width: 10px;
    height: 130px;}
.notes_box .notes_list ol {
    padding-left: 45px;
}
#myModal100 .modal-dialog {width: 100%;padding: 10px;}
#myModal100 .modal-body {
        padding: 0px 20px;
}
#myModal100 .modal-header {
    padding: 35px 15px 25px;
}
#myModal100 .modal-content {width: 100%;background: #FFF;}
.step_04 .step_item {width: 100%;}
.activities_btn {padding-top: 20px;}

.what_umeda {background-size: contain; background-repeat: repeat;}
.what_umeda .day_box img, .what_umeda .day_box iframe {padding: 0 0 46px 0px; width: 100%;}
.what_umeda .what_umeda_title {background: url(../images/what_umeda_title.png) no-repeat 160px top;}
.what_umeda .day_box .day_01, .what_umeda .day_box .day_02 {height: 400px;}
.edit_persuade .edit_persuade_title {background: url(../images/edit_persuade_title.png) no-repeat 109px top;}
.edit_persuade .edit_persuade_content ul li {padding: 20px 23px 0px;}
.edit_persuade .ad_box {right: 10px;}
.bloggers_persuade .bloggers_persuade_title {background: url(../images/bloggers_persuade_title.png) no-repeat 120px top;}

.bloggers_persuade .bloggers_persuade_bth_top li a:nth-child(1){width: 100%; background-size: contain;}
.bloggers_persuade .bloggers_persuade_bth_top li, .bloggers_persuade .bloggers_persuade_bth_top li:hover {width: 100%; height: 88px; background-size: contain; margin-top: 20px; position: relative;}
.bloggers_persuade .bloggers_persuade_bth_bottom li a:nth-child(1){width: 100%; background-size: contain;}
.bloggers_persuade .bloggers_persuade_bth_bottom li, .bloggers_persuade .bloggers_persuade_bth_bottom li:hover {width: 100%; height: 88px; background-size: contain; margin-top: 20px;}

.bloggers_persuade_bth_01 a:nth-child(2), .bloggers_persuade_bth_02 a:nth-child(2) {right: 0; bottom: 0;}
.bloggers_persuade_bth_03 a:nth-child(2), .bloggers_persuade_bth_04 a:nth-child(2) {left: 0; bottom: 0;}
}

@media(max-width:767px) { 
.easy-sidebar-right, .easy-sidebar-toggle-right {display: block;}
.easy-sidebar-toggle-right {
	display: block;
	width:60px;
	height: 60px;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px; 
    background: transparent;
    border: 2px solid #c3a97a;
}
.container > .easy-sidebar-toggle-right > span{
	color: #c3a97a;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #c3a97a;
	height: 15px;
	position: relative;
    top: -7px;
}
.easy-sidebar-toggle-right.btn-danger:active:hover,
.easy-sidebar-toggle-right.btn-danger.active:hover,
.open > .easy-sidebar-toggle-right.dropdown-toggle.btn-danger:hover,
.easy-sidebar-toggle-right.btn-danger:active:focus,
.easy-sidebar-toggle-right.btn-danger.active:focus,
.open > .easy-sidebar-toggle-right.dropdown-toggle.btn-danger:focus,
.easy-sidebar-toggle-right.btn-danger:active.focus,
.easy-sidebar-toggle-right.btn-danger.active.focus,
.open > .easy-sidebar-toggle-right.dropdown-toggle.btn-danger.focus {background: transparent;}
html.easy-sidebar-active {
	height: 100%;
	/*overflow-x: hidden;
	overflow-y: scroll;*/
	margin: 0;
	padding: 0;
}

body {
	transition: 0.2s ease;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
body.toggled {
	-webkit-transform: translateX(250px);
	transform: translateX(250px);
}

.navbar.easy-sidebar {
	transition: 0.2s ease;
	position: absolute;
	width: 250px;
	top: 0;
	left: -250px;
	min-height: 100%;
	border-radius: 0;
	margin: 0;
	z-index: 9999;
}

.navbar.easy-sidebar.toggled {
	-webkit-transform: translateX(250px);
	transform: translateX(250px);
}


body.toggled-right {
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
}

.navbar.easy-sidebar-right {
	transition: 0.2s ease;
	position:fixed;
	width: 250px;
	top: 0;
	right: -250px;
	min-height: 100%;
	border-radius: 0;
	margin: 0;
	z-index: 9999;
}

.navbar.easy-sidebar-right.toggled-right {
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px);
}

.easy-sidebar .btn {
	width: 100%;
}

.navbar.easy-sidebar .navbar-header {
	margin: 0 -15px;
	float: none;
}

.navbar.easy-sidebar .navbar-brand {
	margin: 0;
}

.navbar.easy-sidebar .navbar-toggle {
	display: inline-block;
}
.navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(2) {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: translate(2px, -5px) rotate(45deg);
	transform: translate(2px, -5px) rotate(45deg)
}
.navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(3) {
	display: none;
}
.navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(4) {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: translate(2px, 4.5px) rotate(-45deg);
	transform: translate(2px, 4.5px) rotate(-45deg);
}

.navbar.easy-sidebar .nav.navbar-nav {
	margin: 7.5px -15px;
	float: none;
}
.navbar.easy-sidebar .nav.navbar-nav>li {
	float: none;
}
.navbar.easy-sidebar .nav.navbar-nav>li>a {
	padding: 10px 15px;
}

.navbar.easy-sidebar .navbar-nav .open .dropdown-menu .divider {
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1);
}


.navbar.easy-sidebar .navbar-form {
	padding: 10px 15px;
	margin: 8px -15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}
.navbar.easy-sidebar .navbar-form .form-group {
	margin-bottom: 5px;
	display: block;
}
.navbar.easy-sidebar .navbar-form .form-group .form-control {
	display: block;
	width: 100%;
}


/**/
.navbar.easy-sidebar-right .navbar-header {
	margin: 0 -15px;
	float: none;
}

.navbar.easy-sidebar-right .navbar-brand {
	margin: 0;
}

.navbar.easy-sidebar-right .navbar-toggle {
	display: inline-block;
}
.navbar.easy-sidebar-right .navbar-toggle span.icon-bar:nth-child(2) {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: translate(2px, -5px) rotate(45deg);
	transform: translate(2px, -5px) rotate(45deg);
	position: relative;
    left: 9px;
}
.navbar.easy-sidebar-right .navbar-toggle span.icon-bar:nth-child(3) {
	display: none;
}
.navbar.easy-sidebar-right .navbar-toggle span.icon-bar:nth-child(4) {
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transform: translate(2px, 4.5px) rotate(-45deg);
	transform: translate(2px, 4.5px) rotate(-45deg);
	position: relative;
    left: 9px;
}
.navbar-inverse {
    background-color: #ff006c;
    border-color: #d00058;
}
.navbar.easy-sidebar-right .nav.navbar-nav {
	margin: 7.5px -15px;
	float: none;
}
.navbar.easy-sidebar-right .nav.navbar-nav>li {
	float: none;
}
.navbar.easy-sidebar-right .nav.navbar-nav>li>a {
	padding: 10px 15px;
	font-size: 1.5em;
    color: #FFF;
    line-height: 30px;
}
.navbar-inverse .navbar-toggle{border-color: #FFF;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background: transparent;}
.navbar.easy-sidebar-right .navbar-nav .open .dropdown-menu .divider {
	box-shadow: 0 1px 0 rgba(255,255,255, 0.1);
}


.navbar.easy-sidebar-right .navbar-form {
	padding: 10px 15px;
	margin: 8px -15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
}
.navbar.easy-sidebar-right .navbar-form .form-group {
	margin-bottom: 5px;
	display: block;
}
.navbar.easy-sidebar-right .navbar-form .form-group .form-control {
	display: block;
	width: 100%;
}


.actGotop {left: 10px;}
header {display: none;}
#myModal100 .modal-body ol li {text-align: left;}
#myModal100 .modal-header {padding: 15px 5px 5px;}
#myModal100 .modal-header img {width: 50%;}
.home, .sing_up, .about_umeda, .wordmap, .what_umeda, .edit_persuade, .bloggers_persuade{width:100%;}
.pulse.go {
    -webkit-animation-name: initial;
    animation-name: initial;
}
animations.css:177
.bounceIn.go {
    -webkit-animation-name: initial;
    animation-name: initial;
}
animations.css:8
.animated {
    -webkit-animation-duration: 0;
    animation-duration: 0;
    -webkit-animation-fill-mode: initial;
    animation-fill-mode: initial;
}
.tab-content > .tab-pane img {width: 100%;}

.wordmap {
    background: url(../images/word_map2_bg.jpg) no-repeat center center;
    background-size: 101%;
    height: 700px;
}
.about_umeda .nav-tabs {
    margin: 0 6px;
    padding: 0;
}
.about_umeda {background: url(../images/about_umeda_bg_2.jpg) no-repeat 60% top; margin-top: -15px; padding-top: 55px; height: 750px;}
.about_umeda .tab-content {
    padding: 50px 0;
}
.about_umeda .nav-tabs li {margin: 3px 10px; width: 165px;}
.home .home_img_group {padding-top: 25px;}
.home .home_img_group > img:nth-child(1) {
    margin-bottom: 6px;
    margin-left: 0;
    margin-top: 40px;
    width: 70%;
}
.home .home_img_group > img:nth-child(2) {margin: 0 auto 20px;width: 55%;}
.home .home_img_group a {
    background: #ff006c;
    margin-bottom: 17px;
}
.home .home_img_group > a:nth-child(3) img {
    margin: 0 auto;
    width: 70%;
}
.home .home_img_group > img:nth-child(4) {
    margin-left: 0;
    width: 64%;
}
.home .home_girl {text-align: center;padding-top: 0px;margin-left: 10px;}
.home .home_girl img {position: relative;width: 65%;}
.home {height: 736px;overflow: hidden;background: url(../images/home_bg_2.jpg) no-repeat top center;background-color: #fee8e6;}
.sing_up {padding-top: 25px;}

.step_box .step_item {width:100%; background-size: cover !important; margin-left:0;}
.step_item h5:after {content:'';}
.input_item {width: 100%;padding: 0px 5px;}
.step_01 .input_item a {
    display: block;
    position: relative;
}
.step_01 .input_item a:after{
    content: "\f0d7";
    color: #c2a86a;
    font-size: 40px !important;
    padding-top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: -33px;
    left: 48%;
    }
.step_02 .input_item {
    display: block;
    position: relative;
}
.step_02 .input_item:after{
    content: "\f0d7";
    color: #c2a86a;
    font-size: 40px !important;
    padding-top: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    bottom: -33px;
    left: 48%;
    }

.sing_up {height: 1350px;}
.notes_box .notes_title h3 {margin-bottom: 15px;}
.notes_box .notes_title h3:after {content:''; height: 0;}
.input_item {padding: 15px 5px;}
.input_item textarea.form-control {width: 100%;    padding: 5px;
    height: 60px;}
.step_01 .input_item a {height: 100%; line-height: 66px;}
.step_03 .input_item {padding: 15px 5px;}
.step_03 .input_item textarea.form-control {width: 100%;    padding: 5px;
    height: 70px;}
.step_box.step_04 .step_item {padding: 0;}	
.step_04 .step_item a.fbbtn {width: 100%; background-position: center;}
.step_04 .step_item a.fbbtn:hover {border: 2px solid #4f6d90;}

#myModal100 .modal-dialog, #myModal100 .modal-content {
    width: 100%;padding: 0 10px;
    margin: 10px 0;
}
#myModal100 .modal-body {
    padding: 10px 15px;
}
#myModal100 .modal-content{background: #FFF;display: table;height: initial;
    padding: 0;
    margin: 0;}
.step_01 .input_item a img { vertical-align: sub;}
.step_01 .input_item a:after {bottom: -50px;}



#myModal300 .modal-content {width: 100%; background: #4f6d90; height: initial;}
#myModal300 .modal-dialog {
    width: inherit;
}
#myModal300 .modal-body h4 {margin: 40px auto 50px;}

.what_umeda {padding-top: 40px;}
.what_umeda .what_umeda_title{margin:0 auto 30px;padding:27px 0 27px 42px;text-align:center;background:url(../images/what_umeda_title.png) no-repeat 10px top;}
.what_umeda .day_box h3 {width: 100%;}
.what_umeda .day_box p {text-align: center;}
.what_umeda .day_box .day_01, .what_umeda .day_box .day_02 {background: none; height: inherit;}
.what_umeda .day_box img, .what_umeda .day_box iframe {padding: 0; width: 100%; height: 218px; margin-bottom: 50px;}

.edit_persuade {padding-top: 40px; height: 1100px; background-size: cover;}
edit_persuade_content {padding: 0;}
.edit_persuade .edit_persuade_title {width: 100%; height: 70px; color: #032456; margin: 0 auto 40px; padding: 35px 0 35px 145px; text-align: center; background: url(../images/edit_persuade_title.png) no-repeat 20px top;}
.edit_persuade .ad_box {display: none;}
.edit_persuade .edit_persuade_content ul li {width: 50%; padding: 20px 0 0;}
.edit_persuade .edit_persuade_content ul li img {padding: 0 10px; width: 100%;}

.bloggers_persuade {height: 1543px;}
.bloggers_persuade .bloggers_persuade_title {padding: 30px 0 30px 130px; background: url(../images/bloggers_persuade_title.png) no-repeat 20px top;}
.bloggers_persuade .bloggers_persuade_bth_top.pc_style {display: none;}
.bloggers_persuade .bloggers_persuade_bth_top.mobile_style {display: block;}
.bloggers_persuade .bloggers_persuade_user_top {padding: 0;}
.bloggers_persuade .bloggers_persuade_user_top p {margin: 30px auto 0;width: 100%; text-align: justify;}
.bloggers_persuade .bloggers_persuade_user_bottom {padding: 0;}
.bloggers_persuade .bloggers_persuade_user_bottom p {margin: 30px auto 0;width: 100%; text-align: justify;}
.bloggers_persuade .bloggers_persuade_bth_top {padding: 10px 0 50px;}
.bloggers_persuade .bloggers_persuade_bth_bottom {padding: 10px 0 30px;}
.bloggers_persuade .bloggers_persuade_bth_top li, .bloggers_persuade .bloggers_persuade_bth_top li:hover {width: 100%; height: 88px; background-size: contain; margin-top: 20px;}
.bloggers_persuade .bloggers_persuade_bth_top li a:nth-child(1), .bloggers_persuade .bloggers_persuade_bth_top li a:nth-child(1):hover {width: 100%; height: 88px;}
.bloggers_persuade .bloggers_persuade_bth_bottom li, .bloggers_persuade .bloggers_persuade_bth_bottom li:hover {width: 100%; height: 88px; background-size: contain; margin-top: 20px;}
.bloggers_persuade .bloggers_persuade_bth_bottom li a:nth-child(1), .bloggers_persuade .bloggers_persuade_bth_bottom li a:nth-child(1):hover {width: 100%; height: 88px;}
.bloggers_persuade .bloggers_persuade_user_top img {width: 100%;}
.bloggers_persuade .bloggers_persuade_user_bottom img {width: 100%;}
.bloggers_persuade_bth_01 a:nth-child(2), .bloggers_persuade_bth_02 a:nth-child(2) {right: 0; bottom: 0;}
.bloggers_persuade_bth_03 a:nth-child(2), .bloggers_persuade_bth_04 a:nth-child(2) {left: 0; bottom: 0;}

}

@media(max-width:480px) {

}

@media(max-width:375px) {
.about_umeda .nav-tabs{margin:0;}
.about_umeda .nav-tabs li {margin: 3px 5px; width: 162px;}
.about_umeda {height: 720px;}
.edit_persuade {height: 1030px;}
.bloggers_persuade {height: 1500px;}
.what_umeda .what_umeda_title {padding: 27px 0 27px 62px; background: url(../images/what_umeda_title.png) no-repeat 0px top;}
.edit_persuade .edit_persuade_title {background: url(../images/edit_persuade_title.png) no-repeat 0px top;}
.edit_persuade_content {padding: 0;}
.bloggers_persuade .bloggers_persuade_title {background: url(../images/bloggers_persuade_title.png) no-repeat 0px top;}
}

@media(max-width:360px) {
.about_umeda .nav-tabs{margin:0;}
.about_umeda .nav-tabs li {margin: 3px 5px; width: 155px;}
.about_umeda {height: 710px;}
.edit_persuade .edit_persuade_title, .bloggers_persuade .bloggers_persuade_title {background-size: contain;}
}

@media(max-width:320px) {  
.about_umeda .nav-tabs li {width: 135px;}
.home .home_girl img {left:0;}
.step_item h5 {
    padding: 0 35px;
}
.input_item {
    padding: 20px 5px;
}
.step_03 .input_item {height: 84px}
 .step_03 .input_item textarea.form-control {
    width: 100%;
    padding: 5px;
    height: 65px;
}
 .notes_box .notes_list ol{padding: 0;}
 .about_umeda {
    background: url(../images/about_umeda_bg_3.jpg) no-repeat 59% top;height: 680px;}
 #myModal100 .modal-content{display:block;}
 .step_03 .input_item textarea.form-control {
    width: 100%;
    padding: 5px;
    height: 55px;
    margin: 0;
}
 .input_item textarea.form-control {
    width: 100%;
    padding: 5px;
    height: 50px;
    margin: 0;
}
.step_04 .step_item a.fbbtn {background: url(../images/fb_btn.png) no-repeat center center;}
.step_01 .input_item a img {vertical-align: super;}
.step_01 .input_item a:after {bottom: -50px;}

.what_umeda {height: 1200px;}
.what_umeda .what_umeda_title {background-size: contain; font-size: 25px; padding: 27px 0 27px 110px; margin: 0 auto 10px;}
.edit_persuade {height: 920px;}
.edit_persuade .edit_persuade_title {background-size: contain; font-size: 25px; padding: 27px 0 27px 135px; margin: 0 auto 30px;}
.bloggers_persuade {height: 1400px;}
.bloggers_persuade .bloggers_persuade_title {background-size: contain; font-size: 25px;padding: 25px 0 25px 130px;}


.what_umeda .day_box img, .what_umeda .day_box iframe {padding: 0; width: 100%; height: 168px; margin-bottom: 50px;}
.edit_persuade .edit_persuade_content ul li a i {top: 20px;}

}