/*
Theme Name: after-noon
Theme URI: http://after-noon.site
Description: after-noon記事
Version: 1.0
Author: after-noon
Author URI: http://after-noon.site
*/




/********************************************
 * reset
 ********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin:0;
	font-family:"Rounded Mplus 1c"!important;
	-ms-font-feature-settings: "normal";
	font-weight: 500;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 ,th{ font-weight:normal;}
body{ line-height:140%; font-size:16px; background-color:#FFFFFF;color: #333333;}
dd{ display:block;}
ol, ul{
	list-style: none;
}
a img{ border:0;}
em{ font-style:normal;}
/********************************************
 * opacity
 ********************************************/
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/********************************************
 * clearfix
 ********************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{ clear:both;}
* html .clearfix{ height:1%;}
.clearfix {
	display: block;
	line-height:0;
	height: 0px;
}
a {
	outline: none;
	color:#333333;
}
a:link {
     text-decoration: none;
 }
 a:visited {
	text-decoration: none;
	color: #333333;
 }
 a:hover {
     text-decoration: none;
     color: #f84f9c;
 }

 a:active {
     text-decoration: none;
     color: #333333;
 }
 
 
/********************************************
 * color
 ********************************************/

/* 白色 */
.txt_white {
	color: #FFFFFF;
}

/* 黒色 */
.txt_black {
	color: #000;
}

/* ゴールド */
.txt_gold {
 color:#917f34;
}

/* ブラウン */
.txt_brown {
	color: #990000;
}

/* 赤色 */
.txt_red {
	color: #FF3333;
}

/* 黄色 */
.txt_yellow {
 color:#FC0;
}

/* 緑色 */
.txt_green {
	color: #4a7e27;
}

/* 青色 */
.txt_blue {
	color: #30C;
}

/* オレンジ */
.txt_orange {
	color: #cd5a34;
}

/********************************************
 * txt
 ********************************************/

.txt_10 {
	font-size:10px;
}

.txt_12 {
	font-size:12px;
	line-height:20px;
}

.txt_14 {
	font-size:14px;
	line-height:24px;
}

.txt_16 {
	font-size:16px;
}

.txt_18 {
	font-size:18px;
}
.txt_bold{
	font-weight: bold;
}

.lh20{
	line-height: 20px;
}

.lh30{ line-height:30px;}

/********************************************
 * txtalign
 ********************************************/

/* テキストセンター揃え*/
.txt_center {
 text-align:center;
}

/* テキスト左揃え*/
.txt_left {
 text-align:left;
}

/* テキスト右揃え*/
.txt_right {
 text-align:right;
}

/********************************************
 * float
 ********************************************/
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

/********************************************
 * margin paddin
 ********************************************/
.mg5{ margin:5px;}
.mg10{ margin:10px;}
.mg20{ margin:20px;}

.mgt5{ margin-top:5px;}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}

.mgb5{ margin-bottom:5px;}
.mgb10{ margin-bottom:10px;}
.mgb20{ margin-bottom:20px;}

.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}
.mgr20{ margin-right:20px;}

.mgl5{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl20{ margin-left:20px;}
.mgl50{
	margin-left:50px;
}

.mgl8{ margin-left:8px;}

.pd5{ padding:5px;}
.pd10{ padding:10px;}
.pd20{
	padding:20px;
}

.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}

.pdb5{ padding-bottom:5px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}

.pdr5{ padding-right:5px;}
.pdr10{ padding-right:10px;}
.pdr20{ padding-right:20px;}

.pdl5{ padding-left:5px;}
.pdl10{ padding-left:10px;}
.pdl20{ padding-left:20px;}



/********************************************
 * effect/webfont
 ********************************************/
.effect1{
	-webkit-box-shadow: 0 10px 1px -1px #ebe8da;
	   -moz-box-shadow: 0 10px 1px -1px #ebe8da;
	        box-shadow: 0 10px 1px -1px #ebe8da;
}
.effect2{
	-webkit-box-shadow: 0 10px 1px -1px #dddddd;
	   -moz-box-shadow: 0 10px 1px -1px #dddddd;
	        box-shadow: 0 10px 1px -1px #dddddd;
}

/********************************************
 * top
 ********************************************/

.font01{
font-family: 'Josefin Slab', serif!important;
}

.cont01{
	max-width:1080px;
	margin:0 auto;
	width:100%;
}

#gnav {
	width: 100%;
	padding-bottom: 20px;
}
#gnav ul {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
}
#gnav li a {
	line-height: 40px;
	float: left;
	height: 40px;
	width: 33.3%;
	font-size: 13px;
	font-weight: bold;
	box-sizing:border-box;
	padding-left:45px;
}
#gnav li a:hover {
	color:#f84f9c;
}
.icon01 a {
	background: url(images/icon01.png) no-repeat left center;
	background-size:30px;
}
.icon02 a {
	background: url(images/icon02.png) no-repeat left center;
	background-size:30px;
}
.icon03 a {
	background: url(images/icon03.png) no-repeat left center;
	background-size:30px;
}
.icon01 a:hover {
	background: url(images/icon01h.png) no-repeat left center;
	background-size:30px;
}
.icon02 a:hover {
	background: url(images/icon02h.png) no-repeat left center;
	background-size:30px;
}
.icon03 a:hover {
	background: url(images/icon03h.png) no-repeat left center;
	background-size:30px;
}
#logo a {
	font-size: 56px;
	padding-bottom: 10px;
	display: block;
	line-height: 56px;
}
#header {
	padding-top: 50px;
	padding-bottom: 30px;
}
#header h1 {
	font-size: 12px;
}
.menu-btn {
	  display: none;
}
.overlay {
    display: none;
}
.bg_white {
	color: #FFFFFF;
}
.page {
	background: #e7e7e7;
	padding: 20px 10px;
	box-sizing:border-box;
	width:100%;
}
.clmbox{
	width:100%!important;
	display:table;
	table-layout: fixed;
}
.mainclm {
	width: 70%!important;
	padding: 40px 25px 30px;
	background: #FFFFFF;
	box-sizing:border-box;
	border-right: 5px solid #e7e7e7;
	display:table-cell;
	vertical-align: top;
}
.sideclm {
	width: 29%!important;
	padding: 30px 25px 25px;
	/*float: right;*/
	background: #FFFFFF;
	box-sizing:border-box;
	font-size: 13px;
	display:table-cell;
	vertical-align: top;
}
#copy {
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	padding-top: 20px;
}
#totop a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background: #f84f9c;
	width: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	right: 0px;
	bottom: 0px;
}
.blogpost li {
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 30px;
}
.blogimg01 {
	height: 200px;
	width: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	box-sizing:border-box;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	background: #eaeaea;
}
.blogimg01 img {
	height: auto;
	width: 100%;
	position:absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.blogtxt01 {
	padding-left: 330px;
}
.txtbox {
	height: 165px;
}
.date {
	font-size: 13px;
	color: #bbbbbb;
}
.txtbox h3 a {
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}
.txtbox p a {
	font-size: 13px;
	color: #bbbbbb;
}
.txtbox p a:hover {
	color: #f84f9c;
}
/*サイドバー*/

.widget_title{
	background:#333333;
	color:#FFFFFF;
	font: 22px/50px 'Josefin Slab', serif;
	text-align: center;
	letter-spacing: 1px;
}
.sideclm .widget {
	margin-bottom: 30px;
}
.sub-menu .widget ul {
	padding-top: 20px;
}
.widget li {
	font-size: 13px;
	color: #f84f9c;
	display: block;
	border-bottom: 1px solid #d1d1d1;
	background:url(images/arrow01.png) no-repeat 98% center;
	background-size:11px;
	padding: 20px 20px 20px 10px;
}
.widget li:hover {
	background:url(images/arrow01h.png) no-repeat 98% center;
	background-size:11px;
}
.profilebox img {
	display: block;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.profilebox h2 {
	font-size: 16px;
	font-weight: bold;
	background: url(images/icon04.png) no-repeat left center;
	background-size:30px;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.profilebox h2 span {
	font-size: 11px;
	padding-left: 10px;
	font-weight: bold;
}
.profilebox p {
	margin-top: 10px;
}
.profilebox p a {
	color: #f84f9c;
}


/*Singleページ*/
.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	padding-bottom: 15px;
}
.txt_p {
	padding-right: 30px;
	padding-left: 30px;
}
.date02 {
	font-size: 15px;
	font-weight: bold;
	color: #bbbbbb;
	margin-bottom: 20px;
}
.line01 {
	background: #d1d1d1;
	height: 1px;
}
.txtArea {
	padding: 30px;
	line-height: 32px;
}
.txtArea img {
	max-width:100%;
	height:auto;
	display:block;
	margin:10px auto;
}
.cate01 {
	padding-top: 20px;
}
.cate01 a {
	font-size: 13px;
	color: #f84f9c;
	display:inline-block;
	padding-right:10px;
}
.cate01 a:before {
    content: "\f2aa";
    font-family: "Ionicons";
	padding-right:5px;
	font-weight:normal;
}
.txth2{
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 30px;
	color: #f84f9c;
}
.txth2:before {
    content: "\f2aa";
    font-family: "Ionicons";
	padding-right:10px;
	font-weight:normal;
	
}
.Nav02 a {
	font-size: 13px;
	color: #f84f9c;
}
.addtoany_share_save_container{
	margin-bottom:40px!important;
}
#npcatch li a {
	padding-left: 0px;
	
	padding-bottom: 0px;
}
#npcatch li a:after  {
	content: " ";
	display:block;
	clear:both;
}
#npcatch img {
	display: block;
	float: left;
	width: 100px;
	box-sizing:border-box;
	border: none;
}
#npcatch .title {
	font-size: 13px;
	line-height: 140%;
	display: block;
	padding-left: 120px;
	padding-bottom: 10px;
	font-weight:normal;
}
#npcatch .title .date {
	display: block;
	font-size: 12px;
	padding-top: 5px;
}
.post-date {
	font-size: 11px;
}
.Nav02 {
	text-align: center;
}
.txtArea h3 a {
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	border-left: 5px solid #dddddd;
	padding-left: 20px;
	margin-top: 6px;
	margin-bottom: 15px;
	display:block;
}
.txtArea h5{
	font-size: 12px;
	font-weight: bold;
}

/* Create a series of empty pseudo-elements... */

/*html:before,html:after,body:before,body:after{
    content:"";
    background:#f84f9c;
    position:fixed;
    display:block;
    z-index:5;
}*/
 
/* ...and position them! */
/*html:before{
    height:20px;
    left:0;
    right:0;
    top:0;
}
html:after{
    width:20px;
    top:0;
    right:0;
    bottom:0;
}
body:before{
    height:20px;
    right:0;
    bottom:0;
    left:0;
}
body:after{
    width:20px;
    top:0;
    bottom:0;
    left:0;
}*/

/* シェアボタン */
.sharedaddy{
margin-top:20px;
margin-bottom:10px;}

.sd-content li{
border-bottom:none!important;}
.sd-title::before,
.jp-relatedposts-headline em::before{
border-top:none!important;}

.jp-relatedposts-headline{
margin-bottom:0px!important;}

.jp-relatedposts-post-date,
.jp-relatedposts-post-context{
	font-size:11px!important;
}
.tagcloud a {
	background: #f84f9c;
	padding: 2px 5px;
	font-size: 13px!important;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.tagcloud a:hover {
	background: #333333;
}