/*
Theme Name: CodingMania
Theme URI: http://codingmania.net/
Description: CodingMania
Author: yotigory
Author URI: 
Version: 1.0.0
*/


/* ↓reset.CSS 
@import url(css/reset5.css);*/

/* ↓It influences all pages. */
@import url(css/normalize.css);
@import url(css/foundation.css);
@import url(css/ie8-grid-foundation-4.css);


body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
 word-break:break-all; 
 word-wrap:break-word; 
 font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 text-align:justify;
 text-justify:inter-ideograph;
}
/*****************************************************************************
 Area
*****************************************************************************/
#area_header{
 margin:0 0 10px 0;
}

/*****************************************************************************
 Style
*****************************************************************************/
/* title
-----------------------------------------*/
.ex_title01{
 padding:15px 15px 13px 15px!important;
 margin:0;
 font-size:130%;
 color:#000;
}
.ex_title02{
 padding:5px!important;
 font-size:120%;
 color:#333;
 border-left:solid 5px #2BA6CB;
}


/* mod_headerinner
-----------------------------------------*/
.mod_headerinner{
}
.mod_headerinner h1{
 margin-bottom:0px;
 font-size:330%;
 line-height:1;
 font-family: 'Paytone One', sans-serif;
}
.lt-ie9 .mod_headerinner h1{
 font-size:300%;
}
.mod_headerinner h2{
 margin-top:0;
 line-height:1;
 font-size:120%;
}
/* mod_headerinner_search */
.mod_headerinner_search{
 margin-top:23px;
}
.lt-ie9 .mod_headerinner_search p{
 margin-bottom:0;
}

/* mod_grobalnav
-----------------------------------------*/
.mod_grobalnav{
 margin-bottom:30px;
}
/* mod_grobalnav_drop */
.mod_grobalnav_drop p.title{
 font-weight:bold;
 font-size:90%;
}
.mod_grobalnav_drop ul{
 margin-left:0; 
}
@media screen and (max-width:850px){
	.mod_grobalnav .button-group.even-3 li{ width:100%;}
}



/* mod_indexlist
-----------------------------------------*/

.mod_indexlist ul{
 margin:0 15px 0 15px;
 list-style-type:none;
}
#area_secondary .mod_indexlist ul{
 margin:0;
}
.mod_indexlist ul li{
 padding:0 0 0 18px;
 margin:0 0 12px 0;
 background:transparent url("img/icon_arrow.gif") no-repeat left 5px;
 border-bottom:dotted 1px #999;
}
.mod_indexlist ul li h2{
 font-size:90%;
 font-weight:normal;
}
.mod_indexlist ul li h2 a:link    {color:#000;}
.mod_indexlist ul li h2 a:visited {color:#000;}
.mod_indexlist ul li h2 a:hover   {color:#FFF; background-color:#2BA6CB;}
.mod_indexlist ul li h2 a:active  {color:#FFF; background-color:#2BA6CB;}

/* mod_indexlist_title */
.mod_indexlist_title{
 position:relative;
 margin:0 0 18px 0!important;
 	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
 border:solid 1px #CCCCCC;
}
.mod_indexlist_title h1{
 margin-top:0px;
}
.mod_indexlist_title p{
 margin:0.8em 0 0 0;
 text-align:right;
}
.mod_indexlist_title p.pubdate{
 position:absolute;
 top:11px;
 left:13px;
 font-size:80%;
 margin-top:0px;
}


/* mod_article
-----------------------------------------*/
.mod_article .article_title{
 padding:29px 13px 12px 13px!important;
 margin:0;
 font-size:130%;
 color:#000;
}

/* mod_article_entry */
.mod_article_entry h2.blogtitle02{
 font-size:140%;
 line-height:1.3;
 padding:10px 5px 5px 5px!important;
 background:transparent url("common/img/bg_h2.gif") repeat-x left bottom;
}
/* mod_article_entry */
.mod_article_entry ul li,
.mod_article_entry ol li{
 margin-left:20px;
}

.mod_article_entry h3{
 font-size:100%;
}
.single-post .mod_article_entry h3{
 font-size:100%;
 	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
 border:solid 1px #CCC;
 padding:5px 5px 5px 10px;
 background-color:#F5F5F5;
}
/* mod_article_memo */
.mod_article_memo .moreTitle{
 font-size:18px;
 line-height:1.3;
}
/* mod_article_comment */
.mod_article_comment{
 margin:50px 0 0 0;
}
.mod_article_comment h3{
 padding:5px!important;
 font-size:120%;
 color:#333;
 border-left:solid 5px #2BA6CB;
}
.mod_article_comment #comments-title{
 padding:5px!important;
 font-size:120%;
 color:#333;
 border-left:solid 5px #2BA6CB;
}
.comment-respond{
 margin:50px 0 0 0;
}
/* mod_article_kanren */
.mod_article_kanren{
 margin:0 0 10px 0;
}
.mod_article_kanren_title{
 margin:0 0 18px 0!important;
 	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
 border:solid 1px #CCCCCC;
}

/* mod_article_kanren_list */
.mod_article_kanren_list ul{
 list-style-type:none;
}
.mod_article_kanren_list ul li{
 padding:0 0 0 18px;
 margin:0 0 12px 0;
 font-size:90%;
 font-weight:normal;
 background:transparent url("img/icon_arrow.gif") no-repeat left 5px;
 border-bottom:dotted 1px #999;
}
.mod_article_kanren_list .yarpp-related a {
 font-weight:normal!important;
}
.mod_article_kanren_list ul li abbr[title] {
 border-bottom:none;
}
.mod_article_kanren_list ul li a:link    {color:#000;}
.mod_article_kanren_list ul li a:visited {color:#000;}
.mod_article_kanren_list ul li a:hover   {color:#FFF; background-color:#2BA6CB;}
.mod_article_kanren_list ul li a:active  {color:#FFF; background-color:#2BA6CB;}

/* mod_page
-----------------------------------------*/
.mod_page{
}
.mod_page ul{
 margin-left:15px; 
}
/* mod_search
-----------------------------------------*/
.mod_search{
}
/* mod_link_list
-----------------------------------------*/
.mod_link_list{
}
.mod_link_list ul li a.button{
 padding:5px;
 display:block;
}
.mod_link_list ul li a.button h2{
 font-size:95%;
 margin:0;
 color:#FFF;
}
.mod_link_list ul li a.button p{
 font-size:75%;
 margin:0;
}

/* mod_pagetoplink
-----------------------------------------*/
.mod_category{
}
/* mod_category_list */
.mod_category_list ul{
}
.mod_category_list ul li h2{
}

/* mod_pagetoplink
-----------------------------------------*/
.mod_pagetoplink p{
 font-family: 'Paytone One', sans-serif;
}

/* mod_maininnerbox_right_add
-----------------------------------------*/
.mod_maininnerbox_right_add{
 margin:20px 0 20px 0;
 border:1px solid #CCC;
 padding:9px;
}

/* mod_blogside
-----------------------------------------*/
.mod_blogside{
}
.mod_blogside p.blogsideTitle{
 font-weight:bold;
 padding:0 0 0 10px;
 border-left:solid 5px #2795b6;
}
.mod_blogside ul{
 list-style-type:none;
}
.mod_blogside ul li{
 background: url("img/icon_arrow.gif") no-repeat scroll left 5px transparent;
 margin: 0 0 12px;
 padding: 0 0 0 18px;
}

/* mod_footer
-----------------------------------------*/
.mod_footer{
 background-color:#3F3F3F;
  color: #FFFFFF;
  padding: 11px 0;
}
/* mod_footer_inner */
.mod_footer_inner p{
 margin-bottom:0px;
}
.mod_footer_inner ul{
 margin-bottom:0px;
 font-size:90%;
}
.mod_footer_inner ul  a:link    {color:#FFF; text-decoration:none;}
.mod_footer_inner ul  a:visited {color:#FFF; text-decoration:none;}
.mod_footer_inner ul  a:hover   {color:#CCC; text-decoration:none;}
.mod_footer_inner ul  a:active  {color:#CCC; text-decoration:none;}

/* comment
-----------------------------------------*/
.single-post #reply-title {
	display:none;
	}
.single-post #respond form:before{
 margin:20px 0 10px 0;
 font-weight:bold;
content: 'なにかご質問はありますか？';
	display:block;
	white-space: pre-line;
 padding:5px!important;
 font-size:120%;
 color:#333;
 border-left:solid 5px #2BA6CB;
}
/********facebookコメントを可変幅に********/
.fb-comments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb-comments iframe[style],
.fb-social-plugin span,
.fb-comments span,
.fb-comments.fb_iframe_widget span{
    width: 100% !important;
    display: block;
    max-width:720px;
}

/* wp-pagenavi
-----------------------------------------*/
.wp-pagenavi{
 margin:30px 0 0 0;
 text-align:center;
}
.wp-pagenavi span,
.wp-pagenavi a{
 display: inline-block;
 color:#999;
 padding:7px 7px 5px 7px;
 margin:5px;
}
.wp-pagenavi span.current{
 background-color:#2BA6CB;
 color:#FFF;
 font-weight:bold;
}
.wp-pagenavi a:hover{
 background-color:#EEE;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* margin
-----------------------------------------*/
.ex_marginBS{
 margin-bottom:10px!important;
}
.ex_marginBM{
 margin-bottom:20px!important;
}
.ex_marginT0{
 margin-top:0px!important;
}
.ex_marginTSS{
 margin-top:5px!important;
}
.ex_marginTS{
 margin-top:10px!important;
}
.ex_marginTM{
 margin-top:20px!important;
}
.ex_marginTL{
 margin-top:30px!important;
}
.ex_marginRS{
 margin-right:10px!important;
}


/* ex_opaity
-----------------------------------------*/ 
.ex_opacty a:link    {}
.ex_opacty a:visited {}
.ex_opacty a:hover   {opacity:0.8;}
.ex_opacty a:active  {opacity:0.8;}
/* IE用 ↓*/
.ex_opacty a:hover img {-ms-filter: "alpha( opacity=80 )";}
.ex_opacty a:hover img {filter:alpha(opacity=80);}