/* PC */
#main_text{
    position: relative;
    margin: 1% 5%;
    margin-left: 6%;
}

#main_text p{
    /*
    top: 0;
    left: 15%;
    position: absolute;
    */
    font-size: 20px;
}

.article_title {
    margin-top: 60px;
}

.article_sub_title{
    margin-top: 20px;
    margin-left: 7%;
}

.frame {
    margin-top: 0;
    background-color: #eee;
    /*
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    */
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.frame p {
    padding-top: 3%;
    margin-top: 0;
    margin-left: 6%;
    font-size: 16px;
}

#user_voice p, #around p.all_p  {
    font-size: 16px;
    /*
    margin: 20px 60px; 
    */
    margin: 0 20px 20px 20px;
    padding-top: 20px;
    padding-left: 4%;
}

#img_user_voice {
    margin: 0 15%;
    margin-bottom: 3%;
}

#img_public_view {
    margin: 0 15%;
    margin-bottom: 3%;
}

.article_related {
    padding-bottom: 4%
}

#img_article {
    margin: 0 15%;
}

.article_box {
    background-color: #fff;
    width: 646px;
    height: 110px;
    border: 1px solid #001a8e;
    margin: 0 15%;
}

.article_box h3 {
    font-size: 1.5em;
    color: #0063C0;
    margin-top: 5%;
}

.article_box h3 a {
    text-decoration: none;
}

.article_box h3 a:hover {
    color: #FF0000;
}

.article_box_img {
    float: left;
    padding: 3% 3% 1% 3%;
    width: 80px;
}

.article_box_other {
    background-color: #fff;
    width: 646px;
    height: 110px;
    border: 1px solid #001a8e;
    margin: 0 15%;
}

.public_viewing_article_titile {
    font-size: 22px !important;
    font-weight: bold;
    padding-right: 5%;
    margin-bottom: 0;
}

.public_viewing_article_titile a {
    text-decoration: none;
}

.public_viewing_article_text {
    font-size: 16px;
    padding-right: 5%;
    padding-top: 1px !important;
}

#eat p {
    padding-left: 40%;
    font-size: 16px;
    margin-bottom: 58px;
    margin-right: 7%;
    margin-left: 20px;
}

#around p.half_p {
    padding-left: 40%;
    font-size: 16px;
    margin-bottom: 40px;
    margin-right: 7%;
    margin-left: 20px;
}

#eat_img,#around_img {
    margin: 20px 6%;
}

.s_btn{
    text-align: center;
    padding: 2% 0;
}

.d_btn {
    margin: 0 10%;
}

.d_btn img {
    float: left;
    margin-bottom: 60px;
}

.clearfix{
    clear: both;
}

#social{
  float:right;
  padding:15px;
  }

div#twitter {
    margin-bottom:10px;
}

/* SP */
#sp_contents{
    background-color: #fff;
}

#sp_main_img {
    margin-top: 0;
}

#sp_main_text {/*
    position: relative;
    */
    margin: 5% 5%;
}

#sp_main_text img {
    margin: 5% 0;
}

#sp_main_text p{
    background-color: #fff;
    font-size: 12px;
    text-shadow: none;
    color: #000;
    background-color: #fff;
}

.sp_frame {
    margin-top: 0;
    background-color: #eee;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.sp_frame p {
    padding-top: 3%;
    margin-top: 0;
    font-size: 16px;
}

#sp_user_voice, 
#sp_everyone_voice, 
#sp_about_yokohama,
#sp_public_viewing,
#sp_others {
    margin-bottom: 5%;
}

#sp_user_voice p,
#sp_everyone_voice p,
#sp_about_yokohama p,
#sp_public_viewing p,
#sp_others p {
    font-size: 12px;
    text-shadow: none;
    background-color: #eee;
    color: #000;
    margin: 0 5%;
}

#public_viewing_article {
    background-image: url("./img/ComingSoon_After/board_PublicView.png");
    background-repeat: no-repeat;
    width: 90%;
    margin: 5% 5% 0 5%;
    height: 380px;
}

#public_viewing_article h3 {
    width: 40%;
    text-decoration: none;
    text-shadow: none;
    color: #000;
    margin: 5% 5% 2.5% 5%;
}

#public_viewing_article img {
    float: left;    
    margin: 2.5%;
    margin-top: 3.8%;
}

#combination {
    margin-bottom: 5%;
}

.frame .result_article_1 {
    float: left;
    width: 266px;
    height: 477px;
    margin-left: 5%;
    margin-right: 15px;
    margin-bottom: 5%;
    background-image: url(img/0615/0615result.jpg);
    background-repeat: no-repeat;
    /*
    margin: 5% 5% 5% 5%;
    */
}

.frame .result_article_2 {
    float: left;
    width: 266px;
    height: 478px;
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 5%;
    background-image: url(img/0620/0620result.jpg);
    background-repeat: no-repeat;
}

.frame .result_article_3 {
    float: left;
    width: 266px;
    height: 478px;
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 5%;
    background-image: url(img/0625/0625result.jpg);
    background-repeat: no-repeat;
}
/*
.frame img.result_article_2 {
    float: left;
    width: 266px;
    height: 477px;
    margin-right: 15px;
    margin-bottom: 5%;
}


.frame img.result_article_3 {
    float: left;
    width: 266px;
    height: 477px;
    margin-right: 2%;
    margin-bottom: 5%;
}

*/

.frame .result_article_1 img,
.frame .result_article_2 img,
.frame .result_article_3 img{
    margin: 54% 15% 5% 15%;
}

h4.report_title {
    font-size: 14px;
    color: #001a8e;
    margin: 1% 6%;
}

h4.report_title a {
    text-decoration: none;
}

h4.report_title a:hover {
    color: #FF0000;
}

.frame .result_article_1 p.report_contents,
.frame .result_article_2 p.report_contents,
.frame .result_article_3 p.report_contents{
    margin: 2% 6% 1% 6%;
    font-size: 12px;
    padding: 0;
}

#result_article img {
    width: 90%;
    float: left;
}

#result_article h3 {
    width: 90%;
}

#result_article p.result_article_title {
    width: 90%;
}

#result_article p.result_article_content {
    width: 90%;
}

a.btn_result { display:block; width:234px; height:55px; background-image:url(img/0615/btn_DayYokohama.png); background-repeat:no-repeat; text-indent:-9999px; margin: 3% auto; }
.btn_result:hover{ background-position:left bottom; }

/*
#public_viewing_article p {
    background-color: #fff;
}
*/

a.btn_aboutyokohama { display:block; width:504px; height:65px; background-image:url(img/btn_AboutYokohama.png); background-repeat:no-repeat; text-indent:-9999px; margin: 0 auto; }
.btn_aboutyokohama:hover{ background-position:left bottom; }
a.btn_publicviewing { display:block; width:504px; height:65px; background-image:url(img/btn_PublicView.png); background-repeat:no-repeat; text-indent:-9999px; margin: 0 auto; }
.btn_publicviewing:hover{ background-position:left bottom; }

.sp_btn {
    text-align: center;
    margin: 3% auto;
}

.sp_btn_in {
    text-align: center;
    margin: 3% auto;
    margin-bottom: 5%;
}

.sp_btn img {
    margin-bottom: 10%;
}

.sp_btn_db img {
    margin-bottom: 5%;
}

#sp_user_voice_img {
    width: 80%;
    margin: 5% 10%;
    margin-bottom: 5%;
}

.sp_around_img {
    width: 90%;
    margin: 5% 5%;
    margin-bottom: 5%;
}

.cf {
    clear:both;
}

.sp_graph1_title,
.sp_graph1_title {
    margin: 5px;
}

sp_graph1,
sp_graph2 {
    margin: 5px;
    margin-left: 10%;
}

#container,#container2 {
    margin-top: 1%;
    float: left;
    width: 460px;
    height: 300px;
}

#sp_public_viewing_article {
    /*
    background-image: url("./img/sp/ComingSoon_After/board_FirstPlay.png");
    background-repeat: no-repeat;
    */
    background-color: #fff;
    border: 1px solid #001a8e;
    width: 90%;
    margin: 5% 5%;
}

#sp_public_viewing_article h3 {
    font-size: 14px;
    float: left;
    width: 40%;
    text-decoration: none;
    text-shadow: none;
    color: #000;
    margin: 5% 4% 2.5% 4%;
}

#sp_public_viewing_article h3 a {
    text-decoration: none;
}

#sp_public_viewing_article img {
    margin: 2.5%;
}

#sp_public_viewing_article p {
    background-color: #fff;
}

.sp_article_related {
    display: block;
    border-bottom: 1px solid #001a8e;
    padding: 2% 0;
}

.sp_article_related_1 {
    display: block;
    padding: 2% 0 3% 0;
    border-top: 1px solid #001a8e;
    border-bottom: 1px solid #001a8e;
}

#sp_article_related_end {
    display: block;
    padding: 2% 0;
    /*
    margin-bottom: 5%;
    */
    border-bottom: 1px solid #001a8e;
}

.sp_article_related img,
.sp_article_related_1 img,
.sp_article_related_2 img,
#sp_article_related_end img{
    width: 80px;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
}

.sp_article_related a,
.sp_article_related_1 a,
.sp_article_related_2 a,
#sp_article_related_end a{
    text-decoration: none;
    color: #333 !important;
    text-shadow: none;
}

.sp_article_related h3,
.sp_article_related_1 h3,
.sp_article_related_2 h3,
#sp_article_related_end h3{
    font-size: 16px;
    height: 60px;
    margin-right: 1%;
    margin-top: 0;
}

.sp_article_related_2 {
    display: block;
    padding: 2% 0;
    border-bottom: 1px solid #001a8e;
    height: 80px;
}

#sp_container,#sp_container2 {
    margin-top: 1%;
    float: left;
    width: 100%;
    height: 200px;
    /*
    margin: 0 15%;
    */
}

.sp_frame #sp_result_article_1 {
    border: 1px solid #001a8e;
    background-color: #fff;
    width: 90%;
    margin: 1% 5%;
}

.sp_frame #sp_result_article_1 img.result_img {
    width: 90%;
    margin: 5% 5% 0 5%;
}

h4.sp_report_title {
    margin: 20% 5% 5% 5%;
}

h4.report_title a {
    text-decoration: none;
}

.sp_frame #sp_result_article_1 p.sp_report_contents {
    margin: 30% 5% 5% 5%;
    background-color: #fff;
}

.sp_frame #sp_result_article_1 img {
    width: 90%;
    margin: 1% 5%;
}

.sp_frame img.sp_result_article_2 {
    width: 90%;
    margin: 1% 5%;
}

.sp_frame img.sp_result_article_3 {
    width: 90%;
    margin:1% 5% 3% 5%;
}