@charset 'UTF-8';
/*  variable
************************************************************/
/*  reset
************************************************************/
html,
body,
div,
a,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif; font-size: 100%; font-weight: normal; font-style: normal; 

    margin: 0; padding: 0; vertical-align: baseline; text-decoration: none; border: 0; outline: 0; background: transparent;
}

body
{
    line-height: 1; overflow: auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section
{
    display: block;
}

ul,
ol
{
    list-style: none;
}

table
{border-spacing: 0; 
    border-collapse: collapse;
}

img
{
    vertical-align: top;
}

/*  content, etc...
************************************************************/
/*  content ameba header
************************************************************/
.header
{
    position: relative; overflow: hidden; -webkit-box-sizing: border-box;         box-sizing: border-box; height: 32px; padding: 5px 5px; border: solid 1px #e3e3e0; border-right: 0; border-left: 0; background-color: white;
}
.header .ic-amb
{
    display: inline-block; float: left; width: 74px; height: 24px; vertical-align: bottom; background-image: url('http://stat100.ameba.jp/blog/img/ico/ico.blog.x2.1.3.png'); background-repeat: no-repeat;         background-position: -460px -346px; -webkit-background-size: 750px auto;         background-size: 750px auto; -webkit-background-position: -460px -346px;
}
.header .header-logo
{
    overflow: hidden;
}

/*  content header
************************************************************/
.head
{
    background: url('../img/bg_header.png') no-repeat; background-size: 100%;
}

.header_contents_img_1
{
    padding-top: 15px;
}

.header_contents_img_2
{
    margin-top: -2px;
}

.header_contents_img_3
{
    margin-top: -2px; padding-bottom: 23%;
}

.head_term
{
    background: url('../img/bg_term.png') no-repeat; background-size: 100%;
}

/*  content main
************************************************************/
.main
{margin: 0 auto; padding: 3% 0 4%; text-align: center; 

    background-color: #47c3dd;
}

.main_title
{padding: 6% 0 1%; 

    background: url('../img/bg_main_title.png') no-repeat; background-size: 100%;
}

.main_topic_present_wrap
{margin-top: -3%; 

    background: url('../img/bg_topic_1.png') no-repeat; background-size: 100%;
}

.main_topic_present_title
{
    background: url('../img/bg_topic_1_present.png') no-repeat; background-size: 100%;
}

.main_topic_blogstory
{
    background: url('../img/bg_topic_2_main.png') repeat-y; background-size: 100%;
}

.main_topic_blogstory_bg_top
{
    margin-top: -3%;
}

.main_topic_blogstory_list
{
    background: url('../img/bg_question.png') no-repeat; background-size: 100%;
}

.btn_watch
{
    display: inline-block; width: 37%; margin: 9.5% 22% 7%;
}

.btn_write
{
    display: inline-block; width: 65%; padding-top: 1%;
}

.bg_main_topic_blogstory_bottom
{
    margin-bottom: 2.5%;
}

/*  content notice
************************************************************/
.summary_wrap
{line-height: 1.5; position: relative; 

    color: #fff; background: url('../img/bg_summary_main.png') repeat-y; background-size: 100%;
}

.summary_title
{
    padding-top: 15px; text-align: center; background: url('../img/bg_summary_title.png') no-repeat center 7px; background-size: 250px;
}

.summary_title_line
{
    margin-top: 5px; margin-bottom: 5px;
}

.summary_content_box
{
    padding: 0 26px 17px 25px; text-align: left;
}

.summary_content
{
    padding-bottom: 4px;
}

.summary_content_title_wrap
{
    font-size: 14px; font-weight: bold; padding: 12px 0 6px; color: #005f9b;
}

.summary_content_title
{
    padding: 0 4px;
}

.summary_content_detail
{
    font-size: 12px; margin-left: 7px; color: #374853;
}

.text_notes
{padding-left: 1em; 

    text-indent: -1em;
}

.sns_share
{
    width: 100%; padding: 15px 0; background: #0990b7;
}

.sns_share_wrap
{
    display: block; overflow: hidden; width: 225px; margin: 0 auto;
}

.share_btn
{display: inline-block; float: left; width: 68px; 
    height: 20px;
}

.share_btn:not(:last-child)
{
    margin-right: 10px;
}

/*  global footer
************************************************************/
.footer_nav
{padding: 10px 0; 

    text-align: center; background: #fefefe;
}

.footer_nav ul,
.footer_nav li
{
    display: inline;
}

.footer_nav li
{font-size: 12px; 

    margin: 0 5px 0 0; padding: 0 10px 0 0; border-right: 1px solid #999;
}

.footer_nav li:last-child
{
    margin: 0; padding: 0; border-right: none;
}

.footer_nav li a
{
    color: #666;
}

.global_footer
{
    width: 100%;
}

/*フッター背景色上書き*/
.global_footer,
#amb_footer,
#amb_copyright
{
    background-color: #fefefe !important;
}

/*# sourceMappingURL=style.css.map */