@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :BLOG—p
================================================================== */


body { background: #000 url(../_common/img/bg_dot.png);}
#wrapper-top { background: url(../_common/img/bg_header2.png) top center no-repeat; }
#footer_wrap { min-height: 40px; padding-top: 10px; padding-bottom: 10px; background: #f7f7f7;}
.nojs { display: none;}

/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { padding-bottom: 40px;}

#mainttl { position: relative; width: 100%; height: auto; }
#mainttl:before { content: ""; display: block; padding-top: 12.8125%; }
#mainttl .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#mainttl img { width: 100%; height: auto; }


#column-main { width: 100%; max-width: 620px; position:relative; padding: 0 10px; margin: 0 auto; }
#column-sub { width: 100%; max-width: 620px; padding: 0 10px; margin: 0 auto; }
#column-sub img { width: 100%;}

/* --------------------------------------------------------
#column-main
-------------------------------------------------------- */

/* #column-main-head
-------------------------------------------------------- */
#column-main-head { width: 100%; }
#column-main-head .inner { border: 1px solid #9cff26; border-top: none; border-bottom: none; background: #000;}
#column-main-head .inner .inner_bg { background: #666; margin: 0 2px; background: #9cff26 url(../_img/blog/bg_t2.png) 0 0 no-repeat; background-size: contain; }

#column-main-head h3 { text-align: right; font-size: 26px; padding: 10px 20px 25px; }
#column-main-head h3 span { font-size: 18px; }
#column-main-head .date { text-align: right; padding-right: 20px; margin-bottom: 40px;}


#column-main-head #prof-Box:after { content: ""; display: block; clear: both; }
#column-main-head #prof-Box { zoom:1; }
#column-main-head #prof-Box { padding: 0 1.67% 20px; }

#column-main-head #prof-Box #prof-pic { float: left; }
#column-main-head #prof-Box #prof-pic img { display: none;}
#column-main-head #prof-Box.prof00 #prof-pic { margin: -5px 3% 20px -9px;}
#column-main-head #prof-Box.prof00 #prof-pic img { display: block;}
#column-main-head #prof-Box.prof01 #prof-pic { margin: 0 3% 20px 0px; width: 26.899%; max-width: 156px; height: 156px; background: url(../_img/blog/prof_01_pic.png) 0 0 no-repeat; background-size: contain;}


#column-main-head #prof-Box #prof-text { padding-top: 40px; padding-left: 20px; }
#column-main-head #prof-Box #prof-text .name { font-size: 30px; margin-bottom: 1em; line-height: 1.21; background: #9cff26;}


/* #column-main-content
-------------------------------------------------------- */
#column-main-content { border: 1px solid #9cff26; border-top: none; border-bottom: none; background: #000;}

#column-main-content #content-text { background: #ffffff; margin: 0 2px; border: 3px solid #9cff26; padding: 17px; word-wrap: break-word; display: block; }
#column-main-content #content-text a { text-decoration: underline; color: #F00;}
#column-main-content #content-text img { margin: 5px 0; width: 100%; max-width: 640px; height: auto;}
#column-main-content #content-text .pic_2column img { margin: 10px 0; width: 48%;}
#column-main-content #content-text .pic_2column img.pic_l { margin-right: 2%;}
#column-main-content #content-text .pic_2column img.pic_r { margin-left: 2%;}

.not #column-main-content #content-text .yt { background: #000 url(../_common/img/noscript.png) top center no-repeat; background-size: contain;}
.not #column-main-content #content-text .yt iframe { display: none;}

#column-main-content #content-text .yt { margin: 10px 0; display: inline-block;}
#column-main-content #content-text .yt { position: relative; width: 100%; height: auto; }
#column-main-content #content-text .yt:before { content: ""; display: block; padding-top: 56.25%; }
#column-main-content #content-text .yt iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#column-main-content #content-text .outlink { background:url(../_img/blog/outlink_sp.png) center right no-repeat; padding-right: 1.1em; margin-right: 0.1em;}

/* #column-main-foot
-------------------------------------------------------- */
#column-main-foot { border: 1px solid #9cff26; border-top: none; background: #000;}
#column-main-foot #column-main-foot-inner:after { content: ""; display: block; clear: both; }
#column-main-foot #column-main-foot-inner { zoom:1; }
#column-main-foot #column-main-foot-inner { background: #9cff26; margin: 0 2px 2px; border: 3px solid #9cff26; padding: 5px 17px; }

#sns-Box { float: right; letter-spacing: -4.5em; padding-bottom: 10px; background: #000; padding: 0px 10px;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}

#sns-Box li { float: left;}


/* #pagenation
-------------------------------------------------------- */
#pagenation:after { content: ""; display: block; clear: both; }
#pagenation { zoom:1; }
#pagenation { padding: 30px 0;}
#pagenation li.back { float: left;}
#pagenation li.next { float: right;}
#pagenation li img { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
#pagenation li a img { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }



/* #column-main-head-list
-------------------------------------------------------- */
#column-main-head-list { width: 100%; }
#column-main-head-list .inner { border: 1px solid #9cff26; border-top: none; border-bottom: none; background: #000;}
#column-main-head-list .inner .inner_bg { margin: 0 15px; }

#column-main-head-list h3 { text-align: right; color: #a9ff2a;}


/* #column-main-content-list
-------------------------------------------------------- */
#column-main-content-list { border: 1px solid #9cff26; border-top: none; background: #000; padding: 15px; margin-bottom: 20px;}


/* #content-text-list
-------------------------------------------------------- */
#column-main-content-list #content-text-list { background: #000; margin: 0 2px; word-wrap: break-word; line-height: 1.61; vertical-align: top; border-top: 1px solid #7d7d7d; }
#column-main-content-list #content-text-list .list_block {}
#column-main-content-list #content-text-list .list_block li { border-bottom: 1px solid #7d7d7d; padding: 20px 0;}
#column-main-content-list #content-text-list .list_block li .hl { color:#FFF; font-size: 22px; font-weight: bold; margin-bottom: 10px; width: 100%; background: #000;}
#column-main-content-list #content-text-list .list_block li .hl .inew { color:#dd0000; padding-left: 20px;}
#column-main-content-list #content-text-list .list_block li .cb { color:#a9ff2a; line-height: 1.41; margin-bottom: 5px; font-size: 16px; width: 100%; background: #000; }/*contributor*/
#column-main-content-list #content-text-list .list_block li .date { color:#f2d436; font-size: 16px; }/*contributor*/

#column-main-content-list #content-text-list .list_block li a { display: block; background: url(../_img/blog/icon_arrow.png) center right no-repeat; padding-right: 30px;}





/* --------------------------------------------------------
#column-sub
-------------------------------------------------------- */
/*
#box-movie { padding-top: 20px;}
#box-movie ul { letter-spacing: -.45em; font-size: 0;}
#box-movie li { letter-spacing: normal; display: inline-block; width: 50%;}
#box-movie li:nth-child(odd) { padding-right:10px;}
#box-movie li:nth-child(even) { padding-left:10px;}

#article-List { margin-top: 20px; border: 1px solid #9cff26; padding: 2px; background: #000; }
#article-List ul { border: 10px solid #9cff26; border-top: none; padding: 14px; }
#article-List li { margin-bottom: 10px; padding-bottom: 20px; background: url(../_img/blog/line.png) bottom right no-repeat; background-size: contain;}
#article-List li .date { display: block; color: #f2d436; font-size: 93%;}
#article-List li .hl { display: block; color: #a9ff2a;}
#article-List li a { text-decoration: none;}

*/
#box-bnr { padding-top: 20px;}






.box-article { border: 1px solid #9cff26; background:#000; padding: 2px; margin-top: 20px; }

.box-article .article-List-inner { padding: 0 0px 0; }
.box-article .article-List-inner ul { padding: 20px 20px 5px; }
.box-article .article-List-inner li { margin-bottom: 8px; padding-bottom: 15px; background: url(../_img/blog/line.png) bottom right no-repeat; font-size: 85%;}
.box-article .article-List-inner li .date { display: block; color: #f2d436;}
.box-article .article-List-inner li .hl { display: inline; color: #a9ff2a; width: 100%; background: #000;}
.box-article .article-List-inner li .count { display: inline; color: #f2d436; width: 100%; }
.box-article .article-List-inner li a { text-decoration: none; display: inline-block; width: 100%; background: #000;}
.box-article .article-List-inner li .new { color: #F00; font-weight: bold; padding-left: 10px;}

.box-article .article-List-inner #entry-List-box li .hl { display: inline-block; }

.box-article .article-List-inner #movie-List-box { letter-spacing: -0.45em; font-size: 0.1; }
.box-article .article-List-inner #movie-List-box li { margin-bottom: 15px; padding-bottom: 0px; background: none; letter-spacing: normal; vertical-align: top; display: inline-block; width: 269px; }
.box-article .article-List-inner #movie-List-box li:nth-child(even) { margin-left: 15px;}



/* textcolor
-------------------------------------------------------- */
.name-ishida{color: #069;}
.name-hirata{color: #C60;}
.name-yamagami{color: #009c37;}
.name-andou{color: #d075b0;}
